/*=================================================================================================
// 명    칭 : 메인화면 스타일쉬트
// 처리내용 : 
// 작 성 자 : 2013-09-06 강대인 
//=================================================================================================*/
@import url("/modules/user/css/base.css");

#wrap { width:100%; }
/* pc 버전일때 */
@media (min-width:1200px) {
#all_View_wrap { display:none; }
#header .m_menu_btn { display:none; }
#header { width:100%; background:#fff; padding:20px 0; }
#header .logo { text-align:center; font-family: 'Montserrat', sans-serif; font-size:30px; font-weight:500; }
#header .logo a { display:inline-block; }
#header .lnb_wrap { position:fixed; left:40px; top:40px; }
#header .lnb { line-height:24px; font-size:12px; color:#545454; margin:0 0 20px 0; }
#header .lnb .first_lnb { font-family: 'Montserrat', sans-serif; }
#header .lnb .first_lnb a { display:inline-block; }
#header .lnb .first_lnb a:after { content:''; display:block; margin:auto; height:1px; width:0; background:transparent; transition:width .5s ease,background-color .5s ease; }
#header .lnb .first_lnb a:hover:after { width:100%; background:#6a8518; color:#6a8518; }
#header .lnb .first_lnb .sub_lnb { display:none; padding:0 0 0 10px; }
#header .lnb .first_lnb .sub_lnb li {  }
#header .lnb .menu_open .sub_lnb { display:block; }

#header .sns_link { overflow:hidden; position:absolute; right:50px; top:50px; }
#header .sns_link li { float:left; margin:0 0 0 15px; }

#container { width:60%; margin:0 auto; padding:50px 0 0 0; }
#container .main_visual { text-align:center; }
#container .main_visual img {  }

#footer { position:absolute; bottom:0; width:100%; overflow:hidden; margin:0 auto; padding:20px 0; font-family:'Basic Commercial LT Std','Arial',sans-serif; }
#footer .operating_tit { font-family: 'Montserrat', sans-serif; font-size:14px; font-weight:500; line-height:24px; color:#545454; padding:0 0 0 40px; }
#footer .operating { font-size:12px; color:#545454; line-height:20px; margin:0 0 30px 0; padding:0 0 0 40px; }
#footer .operating li span { font-family: 'Montserrat', sans-serif; }
#footer .operating li span.font_blue { color:#387cbb; } 
#footer .operating li span.font_red { color:#ff0000; }
#footer .foot_sns { display:none; }
#footer .company_info { font-size:12px; color:#545454; line-height:20px; padding:0 0 0 40px; }
#footer .company_info span { font-family: 'Montserrat', sans-serif; }

.warring { position:fixed; bottom:10px; right:10px; color:#ff0000; }
}
/* 테블릿 버전일때 */
@media (max-width:1199px) {
.asideopen #wrap:before { display:block; content:''; position:fixed; top:0; left:0; z-index:101; width:100%; height:100%; background:rgba(0,0,0,.6); cursor:pointer; }

#all_View_wrap { overflow-y:scroll; overflow-x:hidden; position:fixed; top:0; bottom:0; left:-80%; z-index:999999; width:50%; box-sizing:border-box; background:rgba(255,255,255,1); }
#all_View_wrap.v2 { width:80%; min-width: 315px; background: #fff; overflow-y:hidden; }
#all_View_wrap .view_close { position:absolute; top:20px; right:20px; cursor:pointer; }
#all_View_wrap .lnb_wrap { padding:20px 0 0 20px; }
#all_View_wrap .m_lnb { line-height:24px; font-size:12px; color:#545454; margin:0 0 20px 0; }
#all_View_wrap .m_lnb .first_lnb { font-family: 'Montserrat', sans-serif; }
#all_View_wrap .m_lnb .first_lnb a { display:inline-block; }
#all_View_wrap .m_lnb .first_lnb a:after { content:''; display:block; margin:auto; height:1px; width:0; background:transparent; transition:width .5s ease,background-color .5s ease; }
#all_View_wrap .m_lnb .first_lnb a:hover:after { width:100%; background:#6a8518; color:#6a8518; }
#all_View_wrap .m_lnb .first_lnb .sub_lnb { display:none; padding:0 0 0 10px; }
#all_View_wrap .m_lnb .first_lnb .sub_lnb li {  }
#all_View_wrap .m_lnb .menu_open .sub_lnb { display:block; }

#header { width:100%; background:#fff; padding:20px 0; }
#header .logo { text-align:center; font-family: 'Montserrat', sans-serif; font-size:30px; font-weight:500; }
#header .logo a { display:inline-block; }
#header .lnb_wrap { display:none; position:fixed; left:40px; top:40px; }
#header .lnb { line-height:24px; font-size:12px; color:#545454; margin:0 0 20px 0; }
#header .lnb .first_lnb { font-family: 'Montserrat', sans-serif; }
#header .lnb .first_lnb a { display:inline-block; }
#header .lnb .first_lnb a:after { content:''; display:block; margin:auto; height:1px; width:0; background:transparent; transition:width .5s ease,background-color .5s ease; }
#header .lnb .first_lnb a:hover:after { width:100%; background:#6a8518; color:#6a8518; }
#header .lnb .first_lnb .sub_lnb { display:none; padding:0 0 0 10px; }
#header .lnb .first_lnb .sub_lnb li {  }

#header .sns_link { display:none; overflow:hidden; position:absolute; right:20px; top:35px; }
#header .sns_link li { float:left; margin:0 0 0 15px; }
#header .sns_link li:first-child { margin:0; }

#header .m_menu_btn { position:absolute; top:30px; left:20px; }

#container { width:100%; padding:50px 14px; box-sizing:border-box; }
#container .main_visual { text-align:center; }
#container .main_visual img { width:100%; }

#footer { width:100%; overflow:hidden; padding:20px 10px; font-family:'Basic Commercial LT Std','Arial',sans-serif; box-sizing:border-box; }
#footer .operating_tit { font-family: 'Montserrat', sans-serif; font-size:14px; font-weight:500; line-height:24px; color:#545454; }
#footer .operating { font-size:12px; color:#545454; line-height:20px; margin:0 0 30px 0; }
#footer .operating li span { font-family: 'Montserrat', sans-serif; }
#footer .operating li span.font_blue { color:#387cbb; } 
#footer .operating li span.font_red { color:#ff0000; }
#footer .foot_sns { overflow:hidden; margin:0 0 30px 0; }
#footer .foot_sns li { float:left; text-align:center; margin:0 0 0 5px; }
#footer .foot_sns li:first-child { margin:0; }
#footer .foot_sns li img { width:60%; }
#footer .company_info { font-size:12px; color:#545454; line-height:20px; }
#footer .company_info span { font-family: 'Montserrat', sans-serif; }

}