/*------------------------------------
메인
------------------------------------*/
.Main .basic-bs .basic-bs-main{padding-bottom:0; position:inherit; }
.Main .navbar.fixed{position:relative;}
/* 메인 랩 */
.main_content{ margin:0 ; padding:0; }
.main_content:after{ content:""; display:block; clear:both; }
body.Main .basic-bs-wrap{ width:100%; padding:0; max-width:none; }
/* 메인 컨텐츠 */
.content_wrap_top{ width:100%; background:#f5f5f5; border-bottom:1px solid #ddd; }
.content_wrap_bottom{ padding:74px 0 65px 0; background:#f9f9f9; }
.content_wrap{ margin:0 auto; max-width:1170px; padding:0 15px; }
/* 메인 컨텐츠 타이틀 */
.main_content_title{ margin:0 auto 52px auto; padding:0 0 0 0; text-align:center; }
.main_content_title span{ position:relative; display:inline-block; font:600 25px/30px 'Godo'; color:#434851; }
.main_content_title span:before{ position:absolute; left:50%; bottom:-15px; margin-left:-25px; content:''; width:46px; height:2px; background:#23943b; }
/* 메인 퀵메뉴 main quick menu */
.main_quick{ overflow:hidden; width:100%; padding:0 16px; border-right:1px solid #ddd; border-left:1px solid #ddd; background:#fff; }
.main_quick li{ float:left; width:12%; padding:20px 0; text-align:center; }
.main_quick li:nth-child(1){ width:15%; }
.main_quick li:nth-child(2){ width:14%; }
.main_quick li:nth-child(3){ width:14%; }
.main_quick li:nth-child(4){ width:16%; }
.main_quick li:nth-child(5){ width:17%; }
.main_quick li div{ display:inline-block; cursor:pointer; }
.main_quick li div p{}
.main_quick li div p i{ color:#777; font-size:30px; }
.main_quick li div strong{ font:normal 14px/22px 'Godo','Malgun Gothic',Sans-serif; color:#444; }
.main_quick li div:hover strong{ color:#141414; }
/* 메인 상단 이미지 배너 */
.main_img_wrap_bg{ background:none; clear:both; }
.main_img_wrap{ width:100%; margin:0 auto 0; position:relative; overflow:hidden; padding:0; }
.main_img_wrap:after{ content:""; display:block; clear:both; }
.main_img_wrap li{ position:relative; float:left; overflow:hidden; width:32.6%; margin:0 0 15px 1.1%; cursor:pointer; }
.main_img_wrap li:nth-child(3n+1){ margin-left:0; }
.main_img_wrap li.banner_two_li{ width:49.45%; }
.main_img_wrap li dl{ width:100%; height:100%; padding:0; background:#fff; }
.main_img_wrap li dl dt{ width:100%; color:#fff; }
.main_img_wrap li dl dt > img{ width:100%; }
.main_img_wrap li dl dd{ margin-top:-20px; padding:26px 0 30px 0; width:100%; min-height:125px; color:#fff; font:normal 17px/30px 'Godo'; border:1px solid #ddd; text-align:center; }
.main_img_wrap li dl dd h3{ margin:0; font:normal 22px/28px 'Godo','Malgun Gothic',Sans-serif; color:#23943b; }
.main_img_wrap li dl dd strong{ display:block; font:normal 15px/27px 'Godo','Malgun Gothic',Sans-serif; color:#555; }
.main_img_wrap li dl dd p{ margin:14px 0 0 0; font:normal 12px/18px 'Malgun Gothic',Sans-serif; color:#999; word-break:keep-all; }
.main_img_wrap li dl dd p span{ padding:1px 12px 3px; border-radius:100em; border:1px solid #ddd; }
.main_img_wrap li dl dd p span:after{ padding-left:6px; content:''; font:normal 14px 'FontAwesome'; color:#b3b3b3; }
/* .main_img_wrap li:hover dl dd h3{ color:#14489d; } */
.main_img_wrap li:hover dl dd p span{ color:#23943b; border-color:#23943b; }
.main_img_wrap li:hover dl dd p span:after{ color:#23943b; }
/* 메인 하단 배너 2개 */
.main_img_wrap_bottom{ margin-bottom:15px;}
.main_img_wrap_bottom li dl dd{ padding-left:32px; padding-right:32px; text-align:left; }
.main_img_wrap_bottom li dl dd strong{ margin-top:5px; font-size:13px; line-height:18px; font-family:'Malgun Gothic'; }
/* 메인 중앙 bg */
.main_img_wrap_back{ background:#fff url(/img/main_img_wrap_back.jpg) no-repeat 50% 28%; background-size:100%; background-attachment:fixed; clear:both; height:300px; }
.main_img_wrap_back p{ margin:0; text-align:center; font:600 29px/300px 'Russo One','Godo','Malgun Gothic',sans-serif; color:#fff; text-shadow:2px 2px 2px rgba(0,0,0,.3); }
.Main .side_top.basic-bs-side.col-md-3{ display:none; }
/* ############### 태블릿 반응형 ############### */
@media (max-width:1400px) {
/* contact us 중앙 배경 */
.main_img_wrap_back{ background-position:center 60%; background-attachment:inherit; height:250px; }
.main_img_wrap_back p{ font:600 28px/250px 'Godo'; }
}
@media (max-width:1300px) {
/* 메인 롤링배너 */
.jcarousel-skin-tango .jcarousel-prev-horizontal{ left:0; }
.jcarousel-skin-tango .jcarousel-next-horizontal{ right:0; }
}
@media (max-width:1200px) {
/* contact us 중앙 배경 */
.main_img_wrap_back{ height:250px; }
.main_img_wrap_back p{ margin:0 auto; max-width:450px; font:600 26px/250px 'Godo'; }
.main_img_wrap_back p > img{ width:100%; }
/* 메인 퀵메뉴 main quick menu */
.main_quick li div strong{ font-size:13px; }
}
/* ############### 모바일 반응형 ############### */
@media (max-width:999px) {
/* 메인 퀵메뉴 main quick menu */
.main_quick li{ padding:13px 0; }
}
@media (max-width:980px) {
/* 메인 컨텐츠 타이틀 */
.main_content_title{ }
.main_content_title span{ font-size:22px; }
.main_content_title span:before{ bottom:-14px; width:38px; }
/* contact us 중앙 배경 */
.main_img_wrap_back{ height:200px; }
.main_img_wrap_back p{ max-width:350px; font:600 22px/200px 'Godo'; }
}
@media (max-width:950px) {
/* 메인 상단 이미지 배너 */
.main_img_wrap li dl dd{ }
.main_img_wrap li dl dd h3{ font-size:20px; line-height:26px; }
.main_img_wrap li dl dd strong{ font-size:14px; }
.main_img_wrap li dl dd p{ font-size:12px; line-height:16px; }
/* 메인 퀵메뉴 main quick menu */
.main_quick{ padding:0; }
.main_quick li{ width:25%; padding:7px 0 5px; }
.main_quick li{ border-right:1px dotted #ddd; }
.main_quick li:nth-child(1){ width:25%; border-bottom:1px dotted #ddd; }
.main_quick li:nth-child(2){ width:25%; border-bottom:1px dotted #ddd; }
.main_quick li:nth-child(3){ width:25%; border-bottom:1px dotted #ddd; }
.main_quick li:nth-child(4){ width:25%; border-bottom:1px dotted #ddd; border-right:none; }
.main_quick li:nth-child(5){ width:25%; }
.main_quick li:nth-child(7){ }
.main_quick li div p{ margin-bottom:5px; }
}
@media (max-width:800px) {
/* 메인 상단 이미지 배너 */
.main_img_wrap li dl dd{ }
.main_img_wrap li dl dd h3{ font-size:18px; line-height:24px; }
.main_img_wrap li dl dd strong{ font-size:13px; }
.main_img_wrap li dl dd p{ font-size:12px; line-height:16px; }
.content_wrap_bottom{ padding-bottom:45px; }
}
@media (max-width:750px) {
}
@media (max-width:700px) {
}
@media (max-width:680px) {
/* 메인 상단 이미지 배너 */
.main_img_wrap li{ margin-left:1.1%; width:49.45%; margin-bottom:20px; }
.main_img_wrap li:nth-child(2n+1){ margin-left:0; }
.main_img_wrap li:nth-child(4){ margin-left:1.1%; }
.main_img_wrap li dl dd{ }
.main_img_wrap li dl dt.dt_none{ display:block; }
.main_img_wrap li dl dt.dt_block{ display:none; }
}
@media (max-width:590px) {
/* contact us 중앙 배경 */
.main_img_wrap_back{ height:150px; }
.main_img_wrap_back p{ max-width:300px; font:600 20px/150px 'Godo'; }
/* 메인 퀵메뉴 main quick menu */
.main_quick li{ width:50%; }
.main_quick li:nth-child(1){ width:50%; }
.main_quick li:nth-child(2){ width:50%; border-right:none; }
.main_quick li:nth-child(3){ width:50%; }
.main_quick li:nth-child(4){ width:50%; }
.main_quick li:nth-child(5){ width:50%; border-bottom:1px dotted #ddd; }
.main_quick li:nth-child(6){ border-bottom:1px dotted #ddd; border-right:none; }
.main_quick li div strong{ font-size:12px; }
/* 메인 하단 배너 2개 */
.main_img_wrap_bottom{ }
.main_img_wrap_bottom li.banner_two_li{ float:none; width:100%; margin-left:0; }
.content_wrap_bottom{ padding-bottom:40px; }
}
@media (max-width:500px) {
.main_img_wrap_bg{ padding-bottom:25px; }
/* 메인 상단 이미지 배너 */
.main_img_wrap li{ margin-left:0; width:100%; margin-bottom:15px; }
.main_img_wrap li:nth-child(4){ margin-left:0; }
.main_img_wrap li.banner_two_li{ width:100%; }
}
/* ######## 모바일 가로 모드 ############ */
@media(orientation:landscape) {
}