/**************************************************
* 0 - common
**************************************************/
.body_wrap { background-color:#ffffff; height:100%; left:0; position:fixed; top:0; width:100%; z-index:99; 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:992px) { 	
    #header.type5 .inner { width: 250px; }
    #header.type6 .inner { width: 250px; }
}

@media (min-width:1220px) { 	
    .inner { margin:0 auto; width:1200px; }
    #contents.type5 .inner, #header.type5 .inner, #footer.type5 .inner { width: auto; }
    #contents.type6 .inner, #header.type5 .inner, #footer.type6 .inner { width: auto; }

}
@media (min-width:1470px) {
    #contents.type5.main .inner, #footer.type5.main .inner { width: 1200px; }
    #contents.type6.main .inner, #footer.type6.main .inner { width: 1200px; }
    #contents.type5.sub .inner, #footer.type5.sub .inner { width: 1200px; }
    #contents.type6.sub .inner, #footer.type6.sub .inner { width: 1200px; }

}

/*******************좌측메뉴*********************/
@media (max-width:1470px) { 
	.sub .inner{ /*width:auto;*/ padding-left:10px; padding-right:10px; }
    #contents.type5.sub .inner{ width:auto; padding-left:10px; padding-right:10px; }
    #contents.type6.sub .inner{ width:auto; padding-left:10px; padding-right:10px; }
}
/*******************좌측메뉴*********************/
/* section 공통 */
@media (min-width:0) {
    .section { padding:50px 10px; }
    .section_title { font-size:25px; margin-bottom:20px; }
    
}
@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; }

/* 비밀번호모달창 */
#dialog { display:none; }
.ui-widget-content { border-color:#ccc; background:#fff; color:#545454; border-radius:0; font-size:14px; padding:0; z-index:99; }
.ui-dialog .ui-dialog-titlebar { border:none; background:none; color:#232323; border-radius:0; font-weight:normal; padding:0; font-size:16px; margin:10px; border-bottom:1px solid #ccc; padding-bottom:10px; }
.ui-dialog .ui-dialog-titlebar-close { border:0; background:none; font-weight:normal; color:#00529b; border-radius:0; }
.ui-state-default .ui-icon { background:url('/images/contents/btn_close_01.png') no-repeat center; top:5px; }
.ui-widget input { border-radius:0; }
#dialog { margin:0 0 10px; }
.ui-widget-overlay { background:rgba(0,0,0,0.6); opacity:1; z-index:99; }
#dialog .ui-state-default { border-radius:0; border-color:#64a023; background:none; font-weight:normal; color:#64a023; -webkit-transition:all 0.5s; transition:all 0.5s; }
#dialog .ui-state-default:hover { background-color:#64a023; color:#fff; }

/* 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:100px 0; position:fixed; top:0; width:100%; z-index:99; }
.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:80%; }
.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: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; }
    .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; }
}
@media (min-width:768px) {
    .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;}
    #contents.type5 .tab_sub { width:calc(100% - 20px); left:auto; margin-left:auto; }
    #contents.type6 .tab_sub { width:calc(100% - 20px); left:auto; margin-left:auto; }
    .tab_sub .section_tab li a { line-height:45px; }
}
@media (min-width:1470px) {
    .tab_sub { width:100%; }
    #contents.type5 .tab_sub { width:100%; left:50%; margin-left:-50%; }
    #contents.type6 .tab_sub { width:100%; left:50%; margin-left:-50%; }
}

/**************************************************
* 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_submit:hover { background-color:#00529b; color:#fff; }
    .section .btn_group .btn.btn_more:hover { background-color:#00529b; 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:99; }
}
@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; display:none; }
.popuparea .popupbox.newopen { width:560px; height:auto; cursor:pointer; box-sizing:border-box; padding-bottom:10px; }
.popuparea .popupbox { position:absolute; z-index:100; overflow:hidden; border:3px solid #006db0; background-color:#fff; left:200px; top:130px; box-sizing:border-box; }
.popuparea .popupbox button.btn-close {position:absolute; right:0; top:0; width:40px; height:40px; background:#006db0; color:#fff; cursor:pointer; text-align:center; }
.popuparea .popupbox button.btn-close i { font-size:20px; }
.popuparea .popupbox button.btn-more { position:absolute; right:10px; bottom:5px; font-size:13px; cursor:pointer; text-align:center; }
.popuparea .popupbox button.btn-more img { width:10px; height:10px; margin-right:5px; }
.popuparea .popupbox img { width:100%; height:100%; }
.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:-280px; }
}
@media (max-width:640px) {
    .popuparea { }
    .popuparea .popupbox.newopen { width:100%; }
    .popuparea .popupbox {left:0; top:0; margin-left:0; }
}

/**************************************************
* 1 - #header
**************************************************/
@media (min-width:0) {
    #header.type5 { position:relative; left:0; top:0; width:100%; height:auto; z-index:98; text-align:center; background:#fff; overflow:hidden; }
    #header.type6 { position:relative; left:0; top:0; width:100%; height:auto; z-index:98; text-align:center; background:rgba(0,0,0,0.6); overflow:hidden; }
}
@media (min-width:992px) {
    #header.type5 { width:250px; height:100%; position:fixed; }
    #header.type6 { width:250px; height:100%; position:fixed; }
}
/**************************좌측메뉴관련************************/
/**************************************************
* 1 - header
**************************************************/
/**************************************************
*   1.1 - top
**************************************************/
@media (min-width:0) {
    #gnb { background-color:#f6f6f6; box-sizing:border-box; font-size:0; overflow:hidden; padding:0; }
    #gnb h1 { display:none; }
    #gnb h1 a { /*color:#545454;*/ } 
    #header.type5 #gnb h1 a { /*color:#545454;*/ } /****************좌측메뉴에서는 삭제 확인******************/
    
    /* hLeft */
    #gnb .hLeft { box-sizing:content-box; float:left; padding:10px 0; width:40%; margin-top:3px; }
    #header.type5 #gnb .hLeft { text-align:left; }
    #header.type6 #gnb .hLeft { text-align:left; }
    #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) { 	
    /*#header.type5 #gnb .hLeft { padding:10px; } */
    #gnb .hLeft, #gnb .hRight { display:inline-block; vertical-align:middle; }
    #gnb .hLeft { width:60%; text-align:left; }
	#gnb .hRight { float:right; width:40%; }
    /*#header.type5 #gnb .hRight { padding:5px 10px 10px; }*/
	#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; }
    #header.type5 #gnb { padding:50px 0 10px; text-align:center; width:100%; background-color:#f1f1f1; }
    #header.type6 #gnb { padding:50px 0 10px; text-align:center; width:100%; background-color: transparent; }
    #gnb h1 { display:inline-block; float:left; text-align:center; width:40%; }
    #header.type5 #gnb h1 { width:100%; float:auto; margin-bottom:20px; }
    #header.type6 #gnb h1 { width:100%; float:auto; margin-bottom:20px; }
    #gnb h1 a img { vertical-align:text-bottom; width:auto; }
    #gnb h1 a { display:inline-block; font-size:22px; height:35px; }
    #header.type5 #gnb h1 a { font-size:20px; height:40px; color:#545454; }
    #header.type6 #gnb h1 a { font-size:20px; height:40px; color:#ffffff; }
    
    #gnb .hLeft { margin-top:5px; padding:0; width:32%; }
	#gnb .hLeft .pc-only { display:inline-block; }
	#gnb .hRight { float:right; padding:0; width:28%; }

    #header.type5 #gnb .hLeft { display:none; }
	#header.type5 #gnb .hRight { float:none; padding:10px 0; width:100%; text-align:center; display:inline-block; margin:0; }
    #header.type5 #gnb .hRight .lang, #header.type5 #gnb .hRight .socialList { float:none; display:inline-block; }
    #header.type5 #gnb .hRight .socialList { margin-left:5px; margin-right:0; }

    #header.type6 #gnb .hLeft { display:none; }
	#header.type6 #gnb .hRight { float:none; padding:10px 0; width:100%; text-align:center; display:inline-block; margin:0; }
    #header.type6 #gnb .hRight .lang, #header.type5 #gnb .hRight .socialList { float:none; display:inline-block; }
    #header.type6 #gnb .hRight .socialList { margin-left:5px; margin-right:0; }

}
@media (min-width:1220px) { 	
    #gnb .hRight .socialList select { width:100px; }
	#gnb .hRight .lang select { width:100px; }
}

/**************************************************
*   1.2 - main menu.type1
**************************************************/
@media (min-width:0) {
    #header.type1 #mainMenu { background-color:#fff; color:#232323; 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:98; }
    #header.type1 #mainMenu.active { background-color:#ffffff; 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%; }
    #header.type1 #mainMenu .inner { overflow:hidden; position:relative; padding:0; width:100%; }
    #header.type1 #mainMenu ul.topnav { list-style-type:none; overflow:hidden; padding:0; }
    #header.type1 #mainMenu ul.topnav li { display:none; }
    #header.type1 #mainMenu ul.topnav li.first { display:block; float:left; width:200px; text-align:left; }
    #header.type1 #mainMenu ul.topnav li.icon { display:inline-block; float:right; font-weight:bold; }
    
    #header.type1 #mainMenu ul.topnav li a { transition:all 0.3s; text-decoration:none; font-size:16px; padding:12px 10px; /*color:#232323;*/ }
    #header.type1 #mainMenu ul.topnav li.icon a { padding:10px 0; }
    #header.type1 #mainMenu ul.topnav li.first a { /*color:#545454;*/ font-weight:bold; width:auto; height:35px; font-size:18px; display:inline-block; text-shadow:none; padding:5px 10px; margin:5px 0; }
    #header.type1 #mainMenu ul.topnav li.first a img { vertical-align:text-bottom; width:auto; }
    #header.type1 #mainMenu ul.topnav li a.menu { border-bottom:1px solid #cccccc; overflow:hidden; text-overflow:clip; white-space:nowrap; }
	#header.type1 #mainMenu ul.topnav li a.bon { border-top:1px solid #cccccc; }
    
    #header.type1 #mainMenu ul.topnav.responsive { position:relative; }
	#header.type1 #mainMenu ul.topnav.responsive li.first a { display:inline-block; }
	#header.type1 #mainMenu ul.topnav.responsive li.icon { position:absolute; right:0; top:0; }
	#header.type1 #mainMenu ul.topnav li.icon a { font-size:24px; margin-right:10px; padding:10px 10px; display:inline-block; }
	#header.type1 #mainMenu ul.topnav.responsive li { display:inline; float:none; }
	#header.type1 #mainMenu ul.topnav.responsive li a { display:block; text-align:left; }
    
}
@media (min-width:992px) { 	
    
    #header.type1 #mainMenu ul.topnav li { display:inline-block; }
	#header.type1 #mainMenu ul.topnav li.first { display:none; }
	#header.type1 #mainMenu ul.topnav li.icon { display:none; }
    
	#header.type1 #mainMenu ul.topnav li a { display:block; font-size:18px; padding:10px 0; text-align:center; }
    #header.type1 #mainMenu ul.topnav li.first a { font-size:20px; }
    #header.type1 #mainMenu ul.topnav li.menu_w a { padding:16px 0; }
    #header.type1 #mainMenu ul.topnav li a.menu { border-bottom:none; }
	#header.type1 #mainMenu ul.topnav li a.bon { border-top:none; }
    
    #header.type1 #mainMenu ul.topnav.responsive li { float:left; }
    
}
@media (min-width:1280px) {
    #header.type1 #mainMenu .inner { width:1200px; padding:0; }
}

/**************************************************
*   1.2 - main menu.type2
**************************************************/
@media (min-width:0) {
    #header.type2 #mainMenu { background-color:#fff; color:#232323; 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:98; }
    #header.type2 #mainMenu.active { background-color:#ffffff; 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%; }
    #header.type2 #mainMenu .inner { overflow:hidden; position:relative; padding:0; width:100%; }
    #header.type2 #mainMenu ul.topnav { list-style-type:none; overflow:hidden; padding:0; }
    #header.type2 #mainMenu ul.topnav li { display:none; }
    #header.type2 #mainMenu ul.topnav li.first { display:block; float:left; width:200px; text-align:left; }
    #header.type2 #mainMenu ul.topnav li.icon { display:inline-block; float:right; font-weight:bold; }
    
    #header.type2 #mainMenu ul.topnav li a { transition:all 0.3s; text-decoration:none; font-size:16px; padding:12px 10px; /*color:#232323;*/ }
    #header.type2 #mainMenu ul.topnav li.icon a { padding:10px 0; }
    #header.type2 #mainMenu ul.topnav li.first a { /*color:#545454;*/ font-weight:bold; width:auto; height:35px; font-size:18px; display:inline-block; text-shadow:none; padding:5px 10px; margin:5px 0; }
    #header.type2 #mainMenu ul.topnav li.first a img { vertical-align:text-bottom; width:auto; }
    #header.type2 #mainMenu ul.topnav li a.menu { border-bottom:1px solid #cccccc; overflow:hidden; text-overflow:clip; white-space:nowrap; }
	#header.type2 #mainMenu ul.topnav li a.bon { border-top:1px solid #cccccc; }
    
    #header.type2 #mainMenu ul.topnav.responsive { position:relative; }
	#header.type2 #mainMenu ul.topnav.responsive li.first a { display:inline-block; }
	#header.type2 #mainMenu ul.topnav.responsive li.icon { position:absolute; right:0; top:0; }
	#header.type2 #mainMenu ul.topnav li.icon a { font-size:24px; margin-right:10px; padding:10px 10px; display:inline-block; }
	#header.type2 #mainMenu ul.topnav.responsive li { display:inline; float:none; }
	#header.type2 #mainMenu ul.topnav.responsive li a { display:block; text-align:left; }
    
}
@media (min-width:992px) { 	
    #header.type2 #mainMenu { background-color:transparent; -webkit-text-shadow:1px 1px 3px rgba(50,50,50,0.75); text-shadow:1px 1px 3px rgba(50,50,50,0.75); position:fixed; top:51px; width:100%; }
    #header.type2 #mainMenu.active ul.topnav li.first a { color:#545454; text-shadow:none; }
    #header.type2 #mainMenu.active ul.topnav li.menu_w a { color:#232323; text-shadow:none; }
    #header.type2 #mainMenu ul.topnav li { display:inline-block; }
	#header.type2 #mainMenu ul.topnav li.first { width:200px; }
	#header.type2 #mainMenu ul.topnav li.icon { display:none; }
    #header.type2 #mainMenu ul.topnav li.menu_w { border-bottom:2px solid transparent; box-sizing:border-box; }
	#header.type2 #mainMenu ul.topnav li a { display:block; font-size:18px; padding:10px 0; text-align:center; color:#fff; }
    #header.type2 #mainMenu ul.topnav li.menu_w:hover { border-bottom:2px solid rgba(255,255,255,0.6); }
    #header.type2 #mainMenu ul.topnav li.first a { font-size:20px; color:#fff; -webkit-text-shadow:1px 1px 3px rgba(50,50,50,0.75); text-shadow:1px 1px 3px rgba(50,50,50,0.75); padding:0; margin:5px 0; }
    #header.type2 #mainMenu ul.topnav li.menu_w a { padding:16px 0; }
    #header.type2 #mainMenu ul.topnav li a.menu { border-bottom:none; }
	#header.type2 #mainMenu ul.topnav li a.bon { border-top:none; }
    
    #header.type2 #mainMenu ul.topnav.responsive li { float:left; }
    
}
@media (min-width:1280px) {
    #header.type2 #mainMenu .inner { width:1200px; padding:0; }
}

/**************************************************
*   1.2 - main menu.type3
**************************************************/
@media (min-width:0) {
    #header.type3 #mainMenu { background-color:#fff; color:#232323; 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:98; }
    #header.type3 #mainMenu.active { background-color:#ffffff; 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%; }
    #header.type3 #mainMenu .inner { overflow:hidden; position:relative; padding:0; width:100%; }
    #header.type3 #mainMenu ul.topnav { list-style-type:none; overflow:hidden; padding:0; }
    #header.type3 #mainMenu ul.topnav li { display:none; }
    #header.type3 #mainMenu ul.topnav li.first { display:block; float:left; width:200px; text-align:left; }
    #header.type3 #mainMenu ul.topnav li.icon { display:inline-block; float:right; font-weight:bold; }
    
    #header.type3 #mainMenu ul.topnav li a { transition:all 0.3s; text-decoration:none; font-size:16px; padding:12px 10px; /*color:#232323;*/ }
    #header.type3 #mainMenu ul.topnav li.icon a { padding:10px 0; }
    #header.type3 #mainMenu ul.topnav li.first a { /*color:#545454;*/ font-weight:bold; width:auto; height:35px; font-size:18px; display:inline-block; text-shadow:none; padding:5px 10px; margin:5px 0; }
    #header.type3 #mainMenu ul.topnav li.first a img { vertical-align:text-bottom; width:auto; }
    #header.type3 #mainMenu ul.topnav li a.menu { border-bottom:1px solid #cccccc; overflow:hidden; text-overflow:clip; white-space:nowrap; }
	#header.type3 #mainMenu ul.topnav li a.bon { border-top:1px solid #cccccc; }
    
    #header.type3 #mainMenu ul.topnav.responsive { position:relative; }
	#header.type3 #mainMenu ul.topnav.responsive li.first a { display:inline-block; }
	#header.type3 #mainMenu ul.topnav.responsive li.icon { position:absolute; right:0; top:0; }
	#header.type3 #mainMenu ul.topnav li.icon a { font-size:24px; margin-right:10px; padding:10px 10px; display:inline-block; }
	#header.type3 #mainMenu ul.topnav.responsive li { display:inline; float:none; }
	#header.type3 #mainMenu ul.topnav.responsive li a { display:block; text-align:left; }
    
}
@media (min-width:992px) { 	
    #header.type3 #mainMenu { background-color:transparent; -webkit-text-shadow:1px 1px 3px rgba(50,50,50,0.75); text-shadow:1px 1px 3px rgba(50,50,50,0.75); position:fixed; top:51px; width:100%; }
    #header.type3 #mainMenu.active ul.topnav li.first a { color:#545454; text-shadow:none; }
    #header.type3 #mainMenu.active ul.topnav li.menu_w a { color:#232323; text-shadow:none; }
    #header.type3 #mainMenu ul.topnav li { display:inline-block; }
	#header.type3 #mainMenu ul.topnav li.first { width:200px; }
	#header.type3 #mainMenu ul.topnav li.icon { display:none; }
    #header.type3 #mainMenu ul.topnav li.menu_w { border:1px solid rgba(255,255,255,0.4); box-sizing:border-box; }
    #header.type3 #mainMenu ul.topnav li.menu_w:hover { border-color:rgba(255,255,255,1); }
	#header.type3 #mainMenu ul.topnav li a { display:block; font-size:18px; padding:10px 0; text-align:center; color:#fff; }
    #header.type3 #mainMenu ul.topnav li.first a { font-size:20px; color:#fff; -webkit-text-shadow:1px 1px 3px rgba(50,50,50,0.75); text-shadow:1px 1px 3px rgba(50,50,50,0.75); padding:0; margin:8px 0; }
    #header.type3 #mainMenu ul.topnav li.menu_w a { padding:16px 0; }
    #header.type3 #mainMenu ul.topnav li a.menu { border-bottom:none; }
	#header.type3 #mainMenu ul.topnav li a.bon { border-top:none; }
    
    #header.type3 #mainMenu ul.topnav.responsive li { float:left; }
    
}
@media (min-width:1280px) {
    #header.type3 #mainMenu .inner { width:1200px; padding:0; }
}

/**************************************************
*   1.2 - main menu.type4
**************************************************/
@media (min-width:0) {
    #header.type4 #mainMenu { background-color:#fff; color:#232323; 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:98; }
    #header.type4 #mainMenu.active { background-color:#ffffff; 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%; }
    #header.type4 #mainMenu .inner { overflow:hidden; position:relative; padding:0; width:100%; }
    #header.type4 #mainMenu ul.topnav { list-style-type:none; overflow:hidden; padding:0; }
    #header.type4 #mainMenu ul.topnav li { display:none; }
    #header.type4 #mainMenu ul.topnav li.first { display:block; float:left; width:200px; text-align:left; }
    #header.type4 #mainMenu ul.topnav li.icon { display:inline-block; float:right; font-weight:bold; }
    
    #header.type4 #mainMenu ul.topnav li a { transition:all 0.3s; text-decoration:none; font-size:16px; padding:12px 10px; /*color:#232323;*/ }
    #header.type4 #mainMenu ul.topnav li.icon a { padding:10px 0; }
    #header.type4 #mainMenu ul.topnav li.first a { /*color:#545454;*/ font-weight:bold; width:auto; height:35px; font-size:18px; display:inline-block; text-shadow:none; padding:5px 10px; margin:5px 0; }
    #header.type4 #mainMenu ul.topnav li.first a img { vertical-align:text-bottom; width:auto; }
    #header.type4 #mainMenu ul.topnav li a.menu { border-bottom:1px solid #cccccc; overflow:hidden; text-overflow:clip; white-space:nowrap; }
	#header.type4 #mainMenu ul.topnav li a.bon { border-top:1px solid #cccccc; }
    
    #header.type4 #mainMenu ul.topnav.responsive { position:relative; }
	#header.type4 #mainMenu ul.topnav.responsive li.first a { display:inline-block; }
	#header.type4 #mainMenu ul.topnav.responsive li.icon { position:absolute; right:0; top:0; }
	#header.type4 #mainMenu ul.topnav li.icon a { font-size:24px; margin-right:10px; padding:10px 10px; display:inline-block; }
	#header.type4 #mainMenu ul.topnav.responsive li { display:inline; float:none; }
	#header.type4 #mainMenu ul.topnav.responsive li a { display:block; text-align:left; }
    
}
@media (min-width:992px) { 	
    #header.type4 #mainMenu ul.topnav li { display:inline-block; }
	#header.type4 #mainMenu ul.topnav li.first { display:inline-block; width:16%; }
	#header.type4 #mainMenu ul.topnav li.icon { display:none; }
	#header.type4 #mainMenu ul.topnav li a { display:block; font-size:18px; padding:10px 0; text-align:center; }
    #header.type4 #mainMenu ul.topnav li.first a { font-size:20px; padding:0; margin:8px 0; }
    #header.type4 #mainMenu ul.topnav li.menu_w a { padding:16px 0; }
    #header.type4 #mainMenu ul.topnav li a.menu { border-bottom:none; }
	#header.type4 #mainMenu ul.topnav li a.bon { border-top:none; }
    
    #header.type4 #mainMenu ul.topnav.responsive li { float:left; }
    
}
@media (min-width:1280px) {
    #header.type4 #mainMenu .inner { width:1200px; padding:0; }
}

/**************************************************
*   1.2 - main menu.type5
**************************************************/
@media (min-width:0) {
    #header.type5 #mainMenu { background-color:#fff; color:#232323; 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:98; }
    #header.type5 #mainMenu.active { background-color:#ffffff; 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%; }
    #header.type5 #mainMenu .inner { overflow:hidden; position:relative; padding:0; width:100%; }
    #header.type5 #mainMenu ul.topnav { list-style-type:none; overflow:hidden; padding:0; }
    #header.type5 #mainMenu ul.topnav li { display:none; }
    #header.type5 #mainMenu ul.topnav li.first { display:block; float:left; width:200px; text-align:left; }
    #header.type5 #mainMenu ul.topnav li.icon { display:inline-block; float:right; font-weight:bold; }
    
    #header.type5 #mainMenu ul.topnav li a { transition:all 0.3s; text-decoration:none; font-size:16px; padding:12px 10px; }
    #header.type5 #mainMenu ul.topnav li.icon a { padding:10px 0; }
    #header.type5 #mainMenu ul.topnav li.first a { /*color:#545454;*/ font-weight:bold; width:auto; height:40px; font-size:18px; display:inline-block; text-shadow:none; padding:5px 10px; }
    #header.type5 #mainMenu ul.topnav li.first a img { vertical-align:text-bottom; width:auto; }
    #header.type5 #mainMenu ul.topnav li a.menu { border-bottom:1px solid #cccccc; }
	#header.type5 #mainMenu ul.topnav li a.bon { border-top:1px solid #cccccc; }
    
    #header.type5 #mainMenu ul.topnav.responsive { position:relative; text-align:left; }
	#header.type5 #mainMenu ul.topnav.responsive li.first a { display:inline-block; margin-top:0; }
	#header.type5 #mainMenu ul.topnav.responsive li.icon { position:absolute; right:0; top:0; }
	#header.type5 #mainMenu ul.topnav li.icon a { font-size:24px; margin-right:10px; padding:10px 10px; display:inline-block; }
	#header.type5 #mainMenu ul.topnav.responsive li { display:inline; float:none; }
	#header.type5 #mainMenu ul.topnav.responsive li a { display:block; text-align:left; }
    
}
@media (min-width:992px) { 	
    #header.type5 #mainMenu { width:107%; overflow-y:scroll; height:calc(100% - 356px); background-color:transparent; }
    #header.type5 #mainMenu.active { position:relative; background-color:transparent; box-shadow:none; width:107%; }
    #header.type5 #mainMenu ul.topnav { width:100%; }
    #header.type5 #mainMenu ul.topnav li { display:block; }
	#header.type5 #mainMenu ul.topnav li.first { display:none; }
	#header.type5 #mainMenu ul.topnav li.icon { display:none; }
    
	#header.type5 #mainMenu ul.topnav li a { display:block; padding:20px 5px; font-size:18px; }
    #header.type5 #mainMenu ul.topnav li a.menu { border-bottom:none; }
	#header.type5 #mainMenu ul.topnav li a.bon { border-top:none; }
    #header.type5 #mainMenu ul.topnav li.menu_w { width:100%; background:url('/images/contents/line-bar.png') no-repeat center bottom; color:#232323; }
}

/**************************************************
*   1.2 - main menu
**************************************************/
@media (min-width:0) {
    #header.type6 #mainMenu { background-color:#fff; 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; }
    #header.type6 #mainMenu.active { background-color:#ffffff; 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%; }
    #header.type6 #mainMenu .inner { overflow:hidden; position:relative; padding:0; width:100%; }
    #header.type6 #mainMenu ul.topnav { list-style-type:none; overflow:hidden; padding:0; }
    #header.type6 #mainMenu ul.topnav li { display:none; }
    #header.type6 #mainMenu ul.topnav li.first { display:block; float:left; width:200px; text-align:left; }
    #header.type6 #mainMenu ul.topnav li.icon { display:inline-block; float:right; font-weight:bold; }
    
    #header.type6 #mainMenu ul.topnav li a { transition:all 0.3s; text-decoration:none; font-size:16px; padding:12px 10px; }
    #header.type6 #mainMenu ul.topnav li.icon a { padding:10px 0; }
    #header.type6 #mainMenu ul.topnav li.first a { color:#545454; font-weight:bold; width:auto; height:40px; font-size:18px; display:inline-block; text-shadow:none; padding:5px 10px; }
    #header.type6 #mainMenu ul.topnav li.first a img { vertical-align:text-bottom; width:auto; }
    #header.type6 #mainMenu ul.topnav li a.menu { border-bottom:1px solid #cccccc; }
	#header.type6 #mainMenu ul.topnav li a.bon { border-top:1px solid #cccccc; }
    
    #header.type6 #mainMenu ul.topnav.responsive { position:relative; text-align:left; }
	#header.type6 #mainMenu ul.topnav.responsive li.first a { display:inline-block; margin-top:0; }
	#header.type6 #mainMenu ul.topnav.responsive li.icon { position:absolute; right:0; top:0; }
	#header.type6 #mainMenu ul.topnav li.icon a { font-size:24px; margin-right:10px; padding:10px 10px; display:inline-block; }
	#header.type6 #mainMenu ul.topnav.responsive li { display:inline; float:none; }
	#header.type6 #mainMenu ul.topnav.responsive li a { display:block; text-align:left; }
    
}
@media (min-width:992px) { 	
    #header.type6 #mainMenu { width:107%; overflow-y:scroll; height:calc(100% - 356px); background-color:transparent; }
    #header.type6 #mainMenu.active { position:relative; background-color:transparent; box-shadow:none; width:107%; }
    #header.type6 #mainMenu ul.topnav { width:100%; }
    #header.type6 #mainMenu ul.topnav li { display:block; }
	#header.type6 #mainMenu ul.topnav li.first { display:none; }
	#header.type6 #mainMenu ul.topnav li.icon { display:none; }
    
	#header.type6 #mainMenu ul.topnav li a { display:block; padding:20px 5px; font-size:18px; }
    #header.type6 #mainMenu ul.topnav li a.menu { border-bottom:none; }
	#header.type6 #mainMenu ul.topnav li a.bon { border-top:none; }
    #header.type6 #mainMenu ul.topnav li.menu_w { width:100%; background:url('/images/contents/line-bar.png') no-repeat center bottom; color:#fff; }
}


/**************************************************
* 2 - menu_cs
**************************************************/
@media (min-width:0) {
    #header.type5 #menu_cs{ display:none; position:absolute; clear:both; bottom:0; width:100%; background-color:#1faaa3; color:#fff; font-size:18px; box-sizing:border-box; padding:20px 20px 0; }
    #header.type5 #menu_cs span{ display:block; font-size:30px; padding:5px 0; }
    #header.type5 #menu_cs .small{ display:block; font-size:14px; color:#fff; line-height:1.4;}
    #header.type5 #menu_cs button { display:block; width:70%; margin:10px auto 20px; background:#fff; color:#000; text-align:center; padding:10px 0; font-size:14px; letter-spacing:0; font-weight:bold; cursor:pointer; }

    #header.type6 #menu_cs{ display:none; position:absolute; clear:both; bottom:0; width:100%; background-color:#e17415; color:#fff; font-size:18px; box-sizing:border-box; padding:20px 20px 0; }
    #header.type6 #menu_cs span{ display:block; font-size:30px; padding:5px 0; }
    #header.type6 #menu_cs .small{ display:block; font-size:14px; color:#fff; line-height:1.4;}
    #header.type6 #menu_cs button { display:block; width:70%; margin:10px auto 20px; background:#fff; color:#000; text-align:center; padding:10px 0; font-size:14px; letter-spacing:0; font-weight:bold; cursor:pointer; }

}
@media (min-width:992px) {
	#header.type5 #menu_cs{ display:block; }

    #header.type6 #menu_cs{ display:block; }
}


/**************************************************
*   #footer
**************************************************/
@media (min-width:0) { 	
    #footer { background-color:#f4f4f4;color:#333; border-top:1px solid #a1a1a1; overflow:hidden; position:relative; width:100%; }
    #footer.type5 { border-left: 1px solid #ccc; }
    #footer.type6 { background-color:rgba(0,0,0,0.6); overflow:hidden; position:relative;  left:0; bottom:0; width:100%; border: 0; color: #fff; }
	#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:#333;*/ 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:5px; }
	#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 { /*display:none;*/ 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.type5 { width:calc(100% - 250px); left:250px; }
    #footer.type6 { position:fixed; width:calc(100% - 250px); margin-left:250px; }
    #contents.type6.sub + #footer.type6 { position:relative; }
    #footer .company { overflow:hidden; }
	/* #footer .company .footbn + .company_txt { float:left; width:60%; } */
	#footer .company .footbn { float:right; width:40%; }
    #footer.type6 .company .footbn { float:none; width:100%; }
	#footer .company .footbn .bx-next { width:18px; }
	#footer .company .footbn .bx-prev { width:18px; }
}
@media (min-width:1220px) { 	
    #footer .company { overflow:hidden; }
    #footer.type6 .company .footbn { float:right; width:40%; }
	#footer .company .footbn .bx-next { width:18px; }
	#footer .company .footbn .bx-prev { width:18px; }
}

/**************************************************
*   2.2 - store popup
**************************************************/

@media (min-width:0) {
	#store_modal .modal-content{ padding:10px; background:#fff; width:90%; z-index:99; }
	#store_modal .flbox{ box-sizing: border-box; position:relative; }
	#store_modal .frbox{ padding:20px 0; }
	#store_modal .frbox .store_name{ font-size:20px; padding-bottom:15px; border-bottom:1px solid #ccc; }
	#store_modal .frbox .store_info{ padding:10px 0; line-height:1.4; }
	#store_modal .slider-for.slick-initialized .slick-track { display: flex; align-items: center; } 
	#store_modal .slider-for div{ max-height:500px; } 
	#store_modal .slider-for img{ vertical-align: middle; width: auto; height: auto; max-height: 100%; max-width: 100%; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin: 0px auto; } 
	
    #store_modal .slick-arrow { display:block; position:absolute; top:50%; width:24px; height:30px; margin-top:-15px; font-size:0; text-indent:-9999px; z-index:45; }
    #store_modal .slick-prev { left:0;  background:url("/images/contents/btn_prev_02.png") no-repeat 0 0; background-size:contain;  }
    #store_modal .slick-next { right:0; background:url("/images/contents/btn_next_02.png") no-repeat 0 0; background-size:contain; }

	#store_modal .frbox .store_table { font-size:0; border-top:1px solid #ccc; }
	#store_modal .frbox .store_table li{ border-bottom:1px solid #ccc; }
	#store_modal .frbox .store_table li span{ display:inline-block; font-size:14px; line-height:40px; }
	#store_modal .frbox .store_table li .tleft{ position:relative; width:90px;  text-align:center; }
	#store_modal .frbox .store_table li .tleft::after{ position:absolute; top:0; right:0; content:'|'; color:#ccc;}
	#store_modal .frbox .store_table li .tright{ width:calc( 100% - 90px ); padding-left:15px; }
	
	#store_modal .frbox .store_btn { font-size:0; margin-top:10px; }
	#store_modal .frbox .store_btn li{ display:block; font-size:14px; margin-bottom:5px; }
	#store_modal .frbox .store_btn li:last-child{ margin-bottom:0; }
	#store_modal .frbox .store_btn a{ display:block; line-height:40px; text-align:center; }
	#store_modal .frbox .store_btn .btn1{ border:1px solid #ccc; }
	#store_modal .frbox .store_btn .btn2{ background:#eda711; color:#fff; }
	#store_modal .frbox .store_btn .btn3{ background:#44413b; color:#fff; }
	
    #store_modal .slider-nav { box-sizing:content-box; }
    #store_modal .slider-nav .slick-list{ margin: 0 -5px; }
    #store_modal .slider-nav .slick-slide{ margin: 0 5px; }
    #store_modal .slider-nav div { position:relative; padding:5px 0; outline:0; height:90px; box-sizing:border-box; }
    #store_modal .slider-nav div .imgbox{ position:relative; width:100%; height:80px; background-size:cover; background-position:center; }
    #store_modal .slider-nav .slick-current .imgbox::before{ position:absolute; top:0; left:0; width:calc(100% - 4px); height:calc(100% - 4px); border:2px solid red; content:''; }

}

@media (min-width:768px) {
    #store_modal .slider-nav div { height:120px; }
    #store_modal .slider-nav div .imgbox{ height:110px; }
	
	#store_modal .frbox .store_btn li{ display:inline-block; width:32.6%; margin-right:1%; margin-bottom:0; }
	#store_modal .frbox .store_btn li:last-child{ margin-right:0; }
}

@media (min-width:992px) {
	#store_modal .modal-content{ width:80%; padding:30px; max-width:850px; }
	#store_modal .slider-for div{ max-height:300px; } 
	#store_modal .flbox{ float:left; width:400px; }
	#store_modal .frbox{ float:left; width:calc( 100% - 400px); padding:0 0; padding-left:20px; }
	#store_modal .frbox .store_info{ height:127px;overflow-y:auto; }
}

/**************************************************
*   common
**************************************************/
@media (min-width:0) {

    body.type6 { background: #fff  }
    /*body.type6 { background: #fff url(/images/contents/mainBanner_img1.jpg) no-repeat center; background-size: cover; }*/
    

    #contents.type5 { border-left:1px solid #ccc; padding-bottom:1px; }
    #contents.type5.main { position:relative; left:0; top:0; width:100%; height:100%; }
    #contents.type5.sub { background-color:#fff; }
    
    #contents.type6.main { width:100%; left: 0;}
    #contents.type6.sub { background-color:#fff; }

    #contents.type5 .section_board { padding: 10px; }
    #contents.type6 .section_board { padding: 10px; }
}
@media (min-width:992px) {
    #contents.type5.main { width:calc(100% - 250px); left:250px; }
    #contents.type5.sub { min-height:800px; margin-left:250px; }

    
    #contents.type6.main { width:calc(100% - 250px); margin-left:250px; padding-bottom: 290px; }
    #contents.type6.sub { min-height:800px; margin-left:250px; }
    #contents.type6 .inner { padding-right: 10px; padding-left: 10px; }
}

@media (min-width:1220px) {
    #contents.type6.main { padding-bottom: 165px; }
}

@media (min-width:0) {
    #sectionPageTitle { color:#fff; background:url("/images/contents/bg_sub04.jpg") no-repeat center; background-size:cover; /*border-bottom:1px solid #cccccc; border-top:1px solid #cccccc;*/ padding:30px 0; text-align:center; background-attachment:fixed; }
    #sectionPageTitle .tx1 { font-size:24px; font-weight:400; text-shadow:1px 1px 5px rgba(0, 0, 0, 0.6); -webkit-text-shadow:1px 1px 5px rgba(0, 0, 0, 0.6); }
    #sectionPageTitle .tx2 { font-size:14px; margin-top:15px; text-shadow:1px 1px 5px rgba(0, 0, 0, 0.6); -webkit-text-shadow:1px 1px 5px rgba(0, 0, 0, 0.6); }
}
@media (min-width:992px) { 	
    #sectionPageTitle { padding:60px 0; }
	#sectionPageTitle .tx1 { font-size:48px; }
	#sectionPageTitle .tx2 { font-size:20px; }
}

/**************************************************
*   3.1 - section1 (top_bg) - type2
**************************************************/
@media (min-width:0) {
    #contents.type2 #sectionPageTitle { padding:45px 0;  }
}
@media (min-width:992px) { 	
    #contents.type2 #sectionPageTitle { padding:90px 0; }
}

/**************************************************
*   3.1 - section1 (top_bg) - type3
**************************************************/
@media (min-width:0) {
    #contents.type3 #sectionPageTitle { padding:45px 0;  }
}
@media (min-width:992px) { 	
    #contents.type3 #sectionPageTitle { padding:90px 0; }
}

/**************************************************
*   3.2 - section2 (소개) - type1
**************************************************/
@media (min-width:0) {
    #sectionAbout.type1 { clear:both; }
    #sectionAbout.type1 > * { color:#787878; }
}

/**************************************************
*   3.11 - section11 (오시는길) - type1
**************************************************/
@media (min-width:0) {
    #sectionLocation.type1 { clear:both; }
}

/**************************************************
*   3.11 - section11 (갤러리) - type1
**************************************************/
@media (min-width:0) {
    #sectionGallery.type1 { position:relative; }
}

.boardcontentWrap img { max-width:100%; width: auto; }
.boardcontentWrap .videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.boardcontentWrap .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/**************************************************
*   3.16 - section16 (예약안내)
**************************************************/
#sectionStaff.tChurch .inner { padding-top: 0; }