@charset "utf-8";

@import "reset.css";
@import "default.css";
@import "layout.css";
@import "sub_base.css?ver=5";
@import "board.css";


p.dot_line { width:100%; height:1px; border-top:1px dashed #666; margin:60px 0; }


.color1 { color:#0092d2;  }

.btn { text-align:center; margin:15px 0; }




.tab_wrapper { margin: 0 auto; width: 100%; }
.tab_menu { height: 50px;display:flex; flex-wrap:wrap font-size:0;background:#f3f3f3;  }
.tab_menu li {  flex:1 1 18%; width:calc(100% / 8);display:inline-block; padding:0 30px; float: left; cursor:pointer;  border-bottom:1px solid #a97e55; font-family: 'GmarketSansMedium';
						color:#333; height: 50px;	line-height: 50px; font-size: 18px; text-align: center;  box-sizing: border-box; box-sizing:border-box; -webkit-box-sizing:border-box; }
.tab_menu li:last-child { background:none; }
.tab_menu li.active {  color: #916a2a; background:#fff; border:1px solid #a97e55; border-bottom-width:0;font-weight:400; }
.tab_menu span b { font-weight:400; }

.tab_content { clear:both; display: block; box-sizing:border-box; width: 100%; padding-top:50px; line-height:200px; }
.tab_content .btn { text-align:center; margin:40px 0; }


.s_menu { height: 60px; display:flex; flex-wrap:wrap font-size:0; background:#d5c0a5;}
.s_menu li {  flex:1 1 18%; width:calc(100% / 8); display:inline-block; padding:0 30px; float: left; cursor:pointer;  font-family: 'GmarketSansMedium';
						color:#333; height: 60px; line-height: 60px; font-size: 20px; text-align: center;  box-sizing: border-box; box-sizing:border-box; -webkit-box-sizing:border-box; }
.s_menu li:last-child { background:none; }
.s_menu li.active {color:#FFF; background:#916a2a; border:1px solid #a97e55; font-weight:600;}
.s_menu span { color:#fff; text-decoration: none; }


/*오시는길*/
.map_box { width:48%;  display:inline-block;  position:relative;  background:#f2f2f2;  margin-bottom:30px; }
.map_box .imgBox { border:1px solid #dbdbdb !important; box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; height:auto;  }
.map_box .txtBox { text-align:Center;  font-size:20px;  padding:40px 0; border:1px solid #dbdbdb; border-top:none; color:#333;  }
.map_box .txtBox li:first-child { font-size: 24px; font-weight:600; }
.map_box .txtBox a { display:inline-block; margin-top:10px; border:none; }

.map_box.A { float:left; }
.map_box.B { float:right; }
.map_box .imgBox img { width:100%; }

.map_box .txtBox a { display:inline-block; margin-top:10px; border:none; background:#916a2a; color:#fff; padding:6px 30px; min-width:160px; font-size:16px; border-radius:5px; }
.map_box .txtBox a span { margin:0 10px 0 20px; }
.map_box .txtBox a:hover { background:#4f4533; }
.triangle-right::after { content:''; display:inline-block;  width: 0;	height: 0;	border-top: 5px solid transparent; border-left: 10px solid #fff;	border-bottom: 5px solid transparent; }

.map_more { clear:both; display:block; text-align:center; font-size:14px; }
.map_more b { color:#916a2a; font-size:20px; line-height:50px; }


/* 모집공고 */
.down_btn { text-align:center; margin-top:20px; }

.down_btn a { display:inline-block; height:45px; margin:5px; min-width:240px; background-color:#ea5404; color:#fff; 
				border-radius:30px; font-weight:bold; line-height:45px; text-decoration:none; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; font-size:18px; }
.down_btn a:hover { background-color:#ea5404; color:#fff; }
.down_btn a span { color:#dbdbdb;  font-weight:300}


.down_btn a.col1 { background-color:#916a2a }
.down_btn a.col2 { background-color:#4f4533 }
.down_btn a.col3 { background-color:#333 }

.down_btn02 { width:100%; height:180px; margin-top:50px; padding-top:30px;  border-top:1px dotted #777; } 
.down_btn02 li { float:left; width:50%; ; }
.down_btn02 li {text-align:right; }
.down_btn02 li a img { margin:70px 0 30px; }


.vr_title { text-align:center; font-size:30px; font-weight:600; margin-bottom:20px; }
.video_wrap  { position:relative; padding-bottom:60%; padding-top:25px; height:0; }
.video_wrap iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #dbdbdb; box-sizing:border-box; -webkit-box-sizing:border-box;  }


 /* 돋보기 */
 #zoom { position:absolute; left:50%; margin-left:-640px; top:0px; z-index:1011;}
  
.magnify .magnify-lens { width: 400px; height:400px;}
.magnify img { border: none;}
#sample-watch { width: 100%; max-width: 2000px;}


html.magnifying > body { overflow-x: hidden !important;}
.magnify,
.magnify > .magnify-lens,
.magnify-mobile,
.lens-mobile { min-width: 0; min-height: 0; animation: none; border: none; float: none; margin: 0; opacity: 1; outline: none; overflow: visible; padding: 0; text-indent: 0; transform: none; transition: none;}
.magnify { position: relative; width: auto; height: auto; box-shadow: none; display: inline-block; z-index: inherit;}
.magnify > .magnify-lens { position: absolute; width: 400px; height: 400px; border-radius: 100%; box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85),  0 0 7px 7px rgba(0, 0, 0, 0.25),  inset 0 0 20px 2px rgba(0, 0, 0, 0.25); cursor: none; display: none; z-index: 99; }
.magnify > .magnify-lens.loading { background: #333 !important; opacity: 0.8;}
.magnify > .magnify-lens.loading:after {  position: absolute; top: 50%; left: 0; width: 100%; color: #fff; content: 'Loading...'; font: italic normal 16px/1 Calibri, sans-serif; letter-spacing: 1px; margin-top: -8px; text-align: center; text-shadow: 0 0 2px rgba(51, 51, 51, 0.8); text-transform: none; }



/* 마감재리스트 */
.list { width:100%; height:800px; background: url(../img/sub03/bg_05.png) no-repeat top center; text-align:center;  }


/*Tablet css===========================================================================================*/	
@media screen and (max-width: 1400px) { 

.btn a img { width:95%; }


.tab_menu { height: 40px;display:flex; flex-wrap:wrap font-size:0;background:#f3f3f3;  }
.tab_menu li { padding:3px 0px; height: 40px;	line-height: 16px; font-size: 12px; }

.tab_content { clear:both; display: block; box-sizing:border-box; width: 100%; padding-top:50px; line-height:200px; }
.tab_content .btn img { width:70%; }
.tab_menu span b { display:block }

.s_menu { height: 40px; }
.s_menu li  { padding:0px; 	height: 40px; line-height: 40px; font-size: 13px;  }
.s_menu li:last-child { background:none; }





/*오시는길*/
.map_box { width:100%;  display:inline-block;  position:relative;  background:#fff;  margin-bottom:30px; }
.map_box .imgBox { border:1px solid #dbdbdb !important; box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; height:auto;  }
.map_box .txtBox { text-align:Center;  font-size:20px;  padding:40px 0; border:1px solid #dbdbdb; border-top:none; color:#333;  }
.map_box .txtBox strong {display:block; }
.map_box .txtBox a { display:inline-block; margin-top:10px; border:none; }

.map_box.A { float:left; }
.map_box.B { float:right; }

.map_more { text-align:center; font-size:13px; }


/*모집공고*/
.down_btn02 li { float:none; width:100%; }
.down_btn02 li {text-align:center; }
.down_btn02 li:nth-child(1) img { width:100%; }

.down_btn02 li a img { margin:30px 0; }

.reader_down img { width:40%; }

/* 마감재리스트 */

.list { width:100%; height:400px;  background-size:180%;  }
.list img { width:95%; }


.pc { display:none; }


 }