/**************************************************
*   3.16 - section16 (임원소개)
**************************************************/
@media (min-width:0) {
    #sectionStaffList.type1 { clear:both; }
	#sectionStaffList.type1 .inner { padding-top:0; }
    #sectionStaffList.type1 .ceo { border:1px solid #ccc; height:460px; }
	#sectionStaffList.type1 .ceo .myModalBtn { cursor:pointer; }
    #sectionStaffList.type1 .ceo .imgbox { background-position:center; background-repeat:no-repeat; background-size:auto 100%; height:240px; }
    #sectionStaffList.type1 .ceo .txtbox { height:220px; width:100%; padding:60px 20px; position:relative; }
    #sectionStaffList.type1 .ceo .txtbox .txt1 { background:#0073b4; border-radius:50%; color:#fff; font-size:15px; height:90px; left:50%; line-height:90px; margin:-105px 0 0 -45px; position:absolute; text-align:center; width:90px; }
    #sectionStaffList.type1 .ceo .txtbox .txt2 { color:#787878; }
    #sectionStaffList.type1 .ceo .txtbox .txt2 p { display:block; font-size:14px; padding-bottom:5px; }
    #sectionStaffList.type1 .ceo .txtbox .txt2 p:first-child { font-size:22px; }
    #sectionStaffList.type1 .ceo .txtbox .sns { float:right; padding-top:65px; }
    #sectionStaffList.type1 .ceo .txtbox .sns a { background:#6b6b6b; color:#fff; display:block; float:left; font-weight:bold; height:25px; line-height:25px; margin-left:2px; text-align:center; width:25px; }
    #sectionStaffList.type1 .ceo .txtbox .sns a img { height:10px; width:12px; }
    
    #sectionStaffList.type1 ul.person { margin:20px 0 0; }
    #sectionStaffList.type1 ul.person li { border:1px solid #ccc; height:220px; margin-bottom:20px; overflow:hidden; width:100%; }
	#sectionStaffList.type1 ul.person li .myModalBtn { cursor:pointer; }
    #sectionStaffList.type1 ul.person li .imgbox { background-position:center; background-repeat:no-repeat; background-size:auto 100%; width:50%; height:100%; float:left; }
    #sectionStaffList.type1 ul.person li .txtbox { float:left; width:50%; height:100%; padding:90px 20px; position:relative; }
    #sectionStaffList.type1 ul.person li .txtbox .txt1 { background:#0073b4; border-radius:50%; color:#fff; font-size:13px; height:60px; line-height:60px; margin:-30px 0 0 -52px; padding-top:0; position:absolute; text-align:center; top:50%; width:60px; }
    #sectionStaffList.type1 ul.person li .txtbox .txt2 { color:#787878; text-align:center; }
    #sectionStaffList.type1 ul.person li .txtbox .txt2 p { display:block; font-size:12px; padding-bottom:5px; }
    #sectionStaffList.type1 ul.person li .txtbox .txt2 p:first-child { font-size:16px; }
    #sectionStaffList.type1 ul.person li .txtbox .sns { float:right; padding-top:40px; }
    #sectionStaffList.type1 ul.person li .txtbox .sns a { background:#6b6b6b; color:#fff; display:block; float:left; font-weight:bold; height:25px; line-height:25px; margin-left:2px; text-align:center; width:25px; }
    #sectionStaffList.type1 ul.person li .txtbox .sns a img { height:10px; width:12px; }
}
@media (min-width:640px) {
    #sectionStaffList.type1 .ceo { width:calc(50% - 10px); float:left; margin-right:20px; }
    #sectionStaffList.type1 ul.person li { float:left; width:calc(50% - 10px); margin-right:20px; }
    #sectionStaffList.type1 ul.person li:nth-child(1) { margin-right:0; }
    #sectionStaffList.type1 ul.person li:nth-child(2n) { margin-right:0; }
    
}
@media (min-width:1220px) {
    #sectionStaffList.type1 .ceo { width:calc(33.33% - 13.33px); }
    #sectionStaffList.type1 ul.person li { width:calc(33.33% - 13.33px); margin-right:20px !important; }
    #sectionStaffList.type1 ul.person li:nth-child(2) { margin-right:0 !important; }
    #sectionStaffList.type1 ul.person li:nth-child(4) { margin-right:0 !important; }
    #sectionStaffList.type1 ul.person li:nth-child(7) { margin-right:0 !important; }
}


/**************************************************
*   3.16 - section16 (예약안내)
**************************************************/
#sectionStaffList.type2 .inner { padding-top:0; }
#sectionStaffList.type2 .box1 { border:1px solid #ccc; box-sizing:border-box; height:245px; margin-bottom:20px; overflow:hidden; width:100%; }
#sectionStaffList.type2 .box1 .left { float:left; height:100%; text-align:center; width:48%; }
#sectionStaffList.type2 .box1 .left .imgbox { background-position:center; background-repeat:no-repeat; background-size:contain; height:100%; width:100%; }
#sectionStaffList.type2 .box1 .right { background:#e6e3c5; box-sizing:border-box; float:left; padding:30px 40px; width:52%; }
#sectionStaffList.type2 .box1 .right .title { border-bottom:1px solid #bfbc98; font-size:22px; padding-bottom:22px; }
#sectionStaffList.type2 .box1 .right .title small { color:#8b8335; display:block; font-size:18px; margin-bottom:5px; }
#sectionStaffList.type2 .box1 .right .cont { height:135px; overflow-y:scroll; padding:20px 0; }
#sectionStaffList.type2 .box2 { overflow:hidden; }
#sectionStaffList.type2 .right ::-webkit-scrollbar { border:3px solid #fff; height:8px; width:8px; }
#sectionStaffList.type2 .right ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { background:#e6e3c5; display:block; height:10px; }
#sectionStaffList.type2 .right ::-webkit-scrollbar-track { background:#e6e3c5; border-radius:2px; -webkit-border-radius:2px; -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.2); }
#sectionStaffList.type2 .right ::-webkit-scrollbar-thumb { background:rgba(0,0,0,.2); border-radius:8px; height:50px; -webkit-border-radius:8px; -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.1); width:50px; }
#sectionStaffList.type2 .box1 .right ul { padding:0 10px; }
#sectionStaffList.type2 .box1 .right ul.fl { float:left; }
#sectionStaffList.type2 .box1 .right ul.fr { float:right; }
#sectionStaffList.type2 .box1 .right ul li { padding:2px 0; }
#sectionStaffList.type2 .box2 li { border:1px solid #ccc; box-sizing:border-box; float:left; margin-bottom:20px; margin-right:2%; text-align:center; width:32%; }
#sectionStaffList.type2 .box2 li:nth-child(3n) { margin-right:0; }
#sectionStaffList.type2 .box2 .imgbox { height:210px; background-position:center; background-repeat:no-repeat; background-size:contain; width:100%; }
#sectionStaffList.type2 .box2 .txtbox { background:#f5f5f5; border-top:1px solid #ccc; line-height:40px; }
@media (max-width:992px) { 	
	#sectionStaffList.type2 .box2 li { width:49%; }
	#sectionStaffList.type2 .box2 li:nth-child(3n) { margin-right:2%; }
	#sectionStaffList.type2 .box2 li:nth-child(2n) { margin-right:0; }
}
@media (max-width:670px) { 	
	#sectionStaffList.type2 .box1 { height:auto; }
	#sectionStaffList.type2 .box1 .left { height:200px; width:100%; }
	#sectionStaffList.type2 .box1 .right { padding:20px; width:100%; }
}
@media (max-width:640px) { 	
	#sectionStaffList.type2 .box2 li { width:100%; }
	#sectionStaffList.type2 .box2 .imgbox { height:200px; }
}
@media (max-width:480px) { 	
	#sectionStaffList.type2 .box1 .right ul { width:100%; }
}


/* 모달창 */
@media (min-width:0) {
	#sectionStaffList .modalWrap .btn_close { text-align:center; }
	#sectionStaffList .modalWrap .close { display:block; width:40px; height:40px; background-color:#000; right:0; top:-40px; text-align: center; }
	#sectionStaffList .modalWrap .close img { width:16px; height:16px; position:relative; top:3px; }
    #sectionStaffList .modal-title { font-size:18px; padding:0 0 10px; }
    #sectionStaffList .modal-content { padding:10px; }
	#sectionStaffList .modal-content .imgbox { /*border:1px solid #ccc;*/ box-sizing:border-box; background-size:contain; background-position:center; background-repeat:no-repeat; min-height:240px; }
	#sectionStaffList .modal-content .txtbox { padding-top:10px; text-align:left; line-height:1.4; }
    #sectionStaffList .modal-content .txt1 { font-size:20px; }
    #sectionStaffList .modal-content .txt2 { margin-bottom:10px; font-size:13px; }
	#sectionStaffList .modal-content ul { height:160px; overflow:auto; }
    
}
@media (min-width:768px) {
    #sectionStaffList .modal-title { font-size:20px; }
	#sectionStaffList .modal-content { padding:20px; }
	#sectionStaffList .modal-content .imgbox { height:320px; }
}