@charset "utf-8";

/*메인*/
html, body {width: 100%; height: 100%;}
.mobile_side, #mobile_nav, #mask_mNav {display: none;}
/*네비게이션*/
.headerWrap {width: 100%; position: relative;}
/*배경*/
.Mvisual {width: 100%; overflow: hidden; position: absolute; top:0 ; left:0 ;}
.Mvisual div {width: 100%; height: 630px; background-repeat: no-repeat; background-position: right 0; background-size: cover;}
.Mvisual div.visual_img01 {background-image: url(/gayasan/images/main/main_visual04.jpg)}
.Mvisual div.visual_img02 {background-image: url(/gayasan/images/main/main_visual05.jpg)}
.Mvisual div.visual_img03 {background-image: url(/gayasan/images/main/main_visual03.jpg)}
/*배경control*/
.MVcontrols {position: absolute; width: 100%;  overflow: hidden; top:554px; z-index: 200;}
.MVcontrols ul {width: 145px; height: 22px; overflow: hidden; margin: 0 auto;}
.MVcontrols li {height: 100%; margin: 0 5px;  float: left;}
.MVcontrols li a {display: block; font-size: 0; cursor: pointer;}
.MVcontrols .MVbtn_prev a {width: 12px; height:22px; background: url(/gayasan/images/main/btn_l.png) no-repeat center center;}
.MVcontrols .MVbtn_Stop a {width: 12px; height:22px; background: url(/gayasan/images/main/btn_stop.png) no-repeat center center;}
.MVcontrols .MVbtn_Auto a {width: 12px; height:22px; background: url(/gayasan/images/main/btn_play.png) no-repeat center center;}
.MVcontrols .MVbtn_next a {width: 12px; height:22px; background: url(/gayasan/images/main/btn_r.png) no-repeat center center;}
.MVcontrols .MVbtn_pager a {float: left; width: 19px; height:19px; margin: 2px 2px 0; background: url(/gayasan/images/main/pager_off.png) no-repeat center center}/* 선택되지 않은 페이저 버튼 */
.MVcontrols .MVbtn_pager .active {background: url(/gayasan/images/main/pager_on.png) no-repeat center center} /* 선택된 페이저 버튼 */

/*1024px*/
@media all and (min-width:1024px) {
  body,html, #header {min-width:1200px;}
}

/*메인비주얼헤더*/
@media all and (max-width:1023px) {
.Mvisual div {height: 336px;}
.MVcontrols {top:290px; z-index: 50;}
}

@media all and (max-width:550px) {
.MVcontrols {top:300px; z-index: 50;}
}


/*header*/
#header {width: 100%; height: auto; position: absolute; top:0; left:0; z-index: 300;}
.lnb {width: 1200px; height: 73px; margin: 0 auto; position: relative; background: url('/gayasan/images/main/nav_bg.png') repeat-x 0 0;}
.lnb h1 {position: absolute; top: 13px; left: 36px;z-index: 500}
.lnbInner {width: 100%; height: 0; background: url('/gayasan/images/main/depth_bg.png') repeat-x 0 0 ; position: absolute; top:73px; z-index: 100;}
.lnbWrap {width: 100%; height: 100%; position: absolute; top:0; left: 0; padding-left:220px; z-index: 150;}
.nav {width:730px; height: 100%; float: left;}
.nav_foreign {width:790px; height: 100%; float: left;}
.m_nav > li {float: left; width:14%; height: 73px; text-align: center;}
.m_nav > li > a {display: block; font-size: 16px; font-weight: 600; width: 100%; line-height: 73px; color: #fff;}
.m_nav > li.lnb_06 > a {color:#8ddc43}
.m_nav > li > a.navon {background: url(/gayasan/images/main/nav_on.png) no-repeat center bottom}
.m_nav > li > ul {display: none; width: 100%; height: 227px; padding: 20px 0 0 10px;}
.m_nav > li > ul.navon {background: #478b08; }
.m_nav > li > ul li {margin-bottom: 10px; text-align: left;}
.m_nav > li > ul li a {display: block; color: #fff; font-weight: 600;}
.m_nav > li > ul li a:hover {text-decoration: underline; text-decoration-color: #7abb3d;}

/*외국어네비*/
.m_nav_foreign > li {width:25% !important;}

.nav_close {display: block; position: absolute; top:73px; right:0;}
.side_lnb {width: 105px; height: 25px; border-left: 1px solid #c7c7c7; float: left; margin-top: 25px;}
.side_lnb ul {margin-left: 20px;}
.side_lnb ul li {float: left; border:none; padding:0; border-radius:0;}
.side_lnb > ul > li > a {display: block; font-size: 0}
.side_lnb .search {display:none; margin: 0 20px 0 15px;}
.side_lnb .search > a {width: 23px; height: 26px; background: url('/gayasan/images/main/search.png') no-repeat 0 0;}
.side_lnb .sitemap > a {width: 23px; height: 19px; background: url('/gayasan/images/main/sitemap.png') no-repeat 0 0; margin-top:2px;}
.side_lnb .sitemap_mo {display:none;}
.side_foreign {border-left:0px; width:50px !important;}
.sideLnbInner {width: 100%; height: 200px; position: absolute; top:73px; z-index: 30; background: url('/gayasan/images/main/depth_bg.png') repeat-x 0 0 ; z-index: 100;}
.side_lnb .side_lnb_box {position: absolute; top:73px; left:0; width: 100%; z-index: 40;}
.side_lnb_box .searchFrm {width: 522px; margin: 30px auto 0;}
.side_lnb_box .searchFrm input {width: 466px; height: 54px; border: 2px solid #478b08; font-size: 16px; padding: 0 20px;}
.side_lnb_box .searchFrm .search_btn {width: 56px; height: 54px; background: #478b08 url('/gayasan/images/main/search.png') no-repeat center center; border: 0; vertical-align: top; margin-left: -4px; font-size: 0;}
.side_lnb_box .words {width: 482px; margin: 20px auto 0;}
.side_lnb_box .words p {float: left; font-weight: 600; font-size: 15px; line-height: 10px; color:#fff;}
.side_lnb_box .words ul li {float: left; margin-left: 15px;}
.side_lnb_box .words ul li a {display: block; height: 13px; line-height: 11px; padding-right: 10px; border-right: 1px solid #777; color:#fff;}
.side_lnb_box .words ul li:last-child a {border: 0;}
.side_lnb_box .close {position: absolute; top:0px; right:0; cursor: pointer;}
.lang {float: left; width:100px; height: 40px; border: 1px solid #ccc; position: relative; background: url('/gayasan/images/main/btn_dnd.png') no-repeat 90% center; margin: 15px 0 0 20px; padding:6px 0 0 10px; color:#fff;}
.lang > a img {display: block;margin-top: 7px; padding: 2px}
.lang div {display: none; width: 100px; border: 1px solid #ccc; position: absolute; top:38px; left: -1px; padding-left:10px; background: rgba(0,0,0,0.5); }
.lang ul li a img {display: block; margin: 5px 0; padding: 2px}
/*header_text*/
.main_text {width: 100%; position: absolute; top:210px; left:0; text-align: center; z-index: 50;}
.main_text > p {font: 16px; color: #fff;}
.main_text img {display: block; margin: 14px auto 25px;}
/*.main_text div {width: 360px; height: 42px; line-height: 42px; border-radius: 50px; background: #fff000; margin: 0 auto 35px; }*/
.main_text div {display:inline-block; padding:6px 30px; border-radius: 50px; background: #fff000; margin: 0 auto 35px; }
.main_text div p { /*display: inline-block; line-height: 42px;*/ display:inline-block; line-height:1.5; font-size: 17px; font-weight: 600; color: #000;}
.main_text div p:first-child::after  {content: ""; font-size: 10px; border-right: 2px solid #cfc30b; margin: 0 10px ;padding-top: 2px}
.main_text div p span {display: inline-block; color:#eb2e2e; font-size: 18px; text-transform: uppercase; margin-right: 10px;}
.main_text > p a {display: block; color: #fff; text-align: center;}
.main_text > p span {font-size: 18px; font-weight: 600;}
/*header 테블릿, 모바일*/
@media all and (max-width:1023px) {
 #header .nav, #header .nav_foreign, .lnbInner, .lang {display: none;}
 #header .lnb {width: 100%;}
.side_lnb {float: right; margin-right: 30px;  border-left: 0;}
.stop_scrolling {height: 100%; overflow: hidden !important; position: fixed;}
#mask_mNav {width: 100%;height: 100%;position: absolute; top:0; left:0; background: rgba(0, 0, 0, 0.6); z-index: 110; position: fixed;}
#mobile_nav, #mask_mNav {display: block;}
#mobile_nav {position: fixed; top:0; right:-300px; z-index: 5000; width: 300px; height: 200%; overflow-y: auto; box-sizing:border-box; background: #72ac31;}
#mobile_nav > div {min-height: 200%}
.m_close{float:right !important; margin-right:10px;}
#mobile_nav .top02{clear:both;}
#mobile_nav .sitemap_go a{display:block; float:left; width:115px !important; height:32px; line-height:32px; text-align:center; text-transform:uppercase; background:#009640; color:#fff; border:none !important;}
#mobile_nav .sitemap_go a img {margin-right:11px;}
#mobile_nav .top_wrap {padding: 10px; height: 110px; background: #fff; border-bottom: 1px solid #ddd;}
#mobile_nav .top_wrap ul {overflow: hidden;}
#mobile_nav .top_wrap ul li {float:left;}
#mobile_nav .top_wrap ul li a {display: block; border: 1px solid #cbcbcb; margin-right: 10px; height: 38px; line-height: 38px;}
#mobile_nav .top_wrap ul li.last a {margin-right:0;}
#mobile_nav .top_wrap .top01 {margin-bottom: 10px;}
#mobile_nav .top_wrap .top01 ul li a { width: 101px;}
#mobile_nav .top_wrap .top01 ul li img {margin: 6px 0 0 11px; cursor: pointer;}
#mobile_nav .top_wrap .top02 a {width:80px; text-align: center;}
#mobile_nav .top_wrap .top02 .go_sj a {background: url(/gayasan/images/main/go_sj.png) no-repeat 15px center; padding-left: 35px;}
#mobile_nav .top_wrap .top02 .go_cur a {background: url(/gayasan/images/main/go_cur.png) no-repeat 15px center; padding-left: 35px; margin-right: 0;}
#mobile_nav .mnav_wrap {background: #72ac31; height: 100%;}
#mobile_nav .mnav_wrap nav > ul > li > a {display: block; height: 50px; width: 120px; text-align: center; line-height: 50px; color:#fff; font-size: 16px; border-bottom: 1px solid #8ebd5a;padding-right: 15px}
#mobile_nav .mnav_wrap nav > ul > li.on > a, #mobile_nav .mnav_wrap nav > ul > li > a:hover {background: #467512;}
#mobile_nav .mnav_wrap .m_depth02 {width: 180px; height: 200%; background: #fff; position: absolute; top:110px; right:0;}
#mobile_nav .mnav_wrap .m_depth02 > li {overflow: hidden;}
#mobile_nav .mnav_wrap .m_depth02 > li > a {display: block; height: 50px; line-height: 50px; padding-left: 15px; font-size: 16px; border-bottom: 1px solid #e1e1e1;}
#mobile_nav .mnav_wrap .m_depth02 > li > a.on,
#mobile_nav .mnav_wrap .m_depth02 > li > a:hover {background: #333333; color: #fff;}
#mobile_nav .mnav_wrap .m_depth03 {background: #e9e9e9;}
#mobile_nav .mnav_wrap .m_depth03 a {display: block; height: 40px; line-height: 40px; padding: 0 20px; border-bottom: 1px dashed #cbcbcb; margin: 0 10px;}

.mnav_foreign .mnav_wrap nav > ul > li > a {width:100% !important;}

.main_text {top:90px;}
.main_text img {margin: 10px auto 17px;}
.main_text div {margin: 0 auto 18px; }
.main_text div p {display:block;}
}
/*모바일*/
@media all and (max-width:600px) {
.lnb h1 {left: 10px;}
.side_lnb {margin-right: 20px;}
.side_lnb_box .searchFrm {width: 70%; margin: 50px auto 0;}
.side_lnb_box .searchFrm input {width: 75%;}
.side_lnb_box .searchFrm .search_btn {width: 15%;}
.main_text img {display: block; margin: 14px auto 25px; width: 90%; min-width: 300px;}
}
@media all and (max-width:490px) {
.side_lnb_box .words {width: 344px;}
.side_lnb_box .words p {font-size: 14px;}
.side_lnb_box .words ul li {margin-left: 3px;}
.side_lnb_box .words ul li a {font-size: 12px; padding-right: 5px;}
}

@media all and (max-width:400px) {
.main_text {top:110px;}
.main_text img {margin: 5px auto 20px;}
.main_text div {width: 85%; margin: 0 auto 13px;  /*height: 35px; line-height: 35px;*/}
.main_text div p {font-size: 14px;  /*line-height: 35px; */}
.main_text > p span {font-size: 16px; font-weight: 600;}
}
@media all and (max-width:320px) {
.side_lnb_box .words {width: 283px;}
.side_lnb_box .words p {display: none;}

}

/*콘텐츠*/
#contentwrap {width: 100%; overflow: hidden; background-color: #eeeeee;}
.contentbg {width: 100%; overflow: hidden; background: url(/gayasan/images/main/cont_bg.png) no-repeat center 0;}
.content1 {width: 1200px; height: 305px; margin: 0 auto;}
.content1 .con1_sec {float: left; width: 50%; height: 100%;}
.content1 section.con1_sec {padding: 32px 10px 32px 32px;}
.content1 div.con1_sec {padding: 32px 32px 32px 10px ;}
.board_wrap {width:100%; height: 100%; background: #b0ce8f; position: relative;}
.board_wrap .news_board a.bttt {display: block; width: 130px; height: 50px; font-size: 20px; font-weight: normal; cursor: pointer; position: absolute; top:0 ; z-index: 30; text-align: center; line-height: 55px; background: url(/gayasan/images/main/bor_left.jpg) no-repeat right center;}
.board_wrap .news_board a.bttt.board_on {background: #fff;}
.board_wrap .board01 a.bttt {left: 0; }
.board_wrap .board02 a.bttt {left: 129px;}
.board_wrap .board03 a.bttt {left: 258px; background: none;}
.board_wrap .board_inner {width:100%; height:250px;}
.board_wrap .board_inner ul {width:100%; height:193px; position: absolute; bottom:0; left:0; background-color: #fff; padding:30px 25px 0;}
.board_wrap a.more {display: inline-block; position: absolute; top:17px; right:15px; cursor: pointer; z-index: 100;}
.board02 .board_inner,.board03 .board_inner,.board04 .board_inner,.board05 .board_inner {display: none;}
.board_inner ul li {width: 100%; line-height:28px;}
.board_inner ul li a {width: 100%; font-size: 15px; display: block; }
.board_inner ul li a p {display: inline-block;width: 400px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.board_inner ul li a span {display: inline-block;float: right; font-size: 14px;}
.content1 .dogamwrap {width: 100%; height: 124px; background: rgba(0,0,0,0) !important;}
.dogamwrap > a div {width:50%; float:left; padding:10px 0 10px 98px; margin-top:20px;}
.dogamwrap > a div b {display: block; font-size: 22px; font-weight: 600;}
.dogamwrap > a div p {font-size: 15px;}
.dogamwrap a div.dogam {background: url(/gayasan/images/main/img01.png) no-repeat 22px center;}
/*.dogamwrap a div.game {background: url(/gayasan/images/main/img02.png) no-repeat 22px center; border-left:2px solid #b0ce8f;}*/
.dogamwrap a div.game {background: url(/gayasan/images/main/img02_01.png) no-repeat 22px center; border-left:2px solid #b0ce8f;}
.quick_menu {width: 100%; height: 123px; background-color: #fff;}
.quick_menu > a section {float: left; width:18%; padding-top: 84px; text-align: center; margin:0 3.5%;}
.quick_menu > a section p {width: 100%; height: 100%; font-size: 17px;}
.quick_menu .quick_sec01 {background: url(/gayasan/images/main/img03.png) no-repeat center 24px;}
.quick_menu .quick_sec02 {background: url(/gayasan/images/main/img04.png) no-repeat center 24px;}
.quick_menu .quick_sec03 {background: url(/gayasan/images/main/img05.png) no-repeat center 24px;}
.quick_menu .quick_sec04 {background: url(/gayasan/images/main/img06.png) no-repeat center 24px;}
.content2 {width: 100%; overflow: hidden;} /*콘텐츠2번째단*/
.content2 > div {float: left; width: 50%; overflow: hidden;}/*now랑 seasons*/
.content2 > div.now {background: #fff;}
.content2 > div > div {width: 600px; height: auto; padding: 40px 0;}/*nowbox랑 seasenbox*/
.content2 > div > div.nowbox {float: right;}
.content2 > div > div.seaseonbox {float: left;}
.content2 h3 {text-align: center; font-size: 30px; font-weight: 600; margin-bottom: 35px;}
.content2 h3 span {color: #f73400;}
.content2 > div > div > div {width:95%; height: auto; padding: 0 50px; margin:0 auto; overflow: hidden; position: relative;}/*now_sliderwrap랑 ss_sliderwrap*/
.content2 > div > div > div ul li {width: 14px; height: 23px; position: absolute; top:80px; z-index: 50;}
.content2 > div > div > div ul li.prev {left:0}
.content2 > div > div > div ul li.next {right:0}
.content2 > div > div > div ul li a {display: block; width: 14px; height: 23px;  font-size: 0; background-repeat: no-repeat; background-size: center center;}
.content2 > div > div > div ul li.prev a {background-image: url(/gayasan/images/main/btn_l02.png)}
.content2 > div > div > div ul li.next a {background-image: url(/gayasan/images/main/btn_r02.png)}
.content2 > div > div > div img {display: block; margin: 0 auto;}
.content2 > div > div > div b {display: block; font-size: 25px; margin: 26px 0 10px; padding: 0 10px 0 20px; font-weight: 400;}
.content2 > div > div > div b span {float: right;}
.content2 > div > div > div p {width: 100%; font-size: 14px; line-height: 20px; padding: 0 10px 0 20px;}
.seaseonbox > p {width: 467px; height: 62px; background-color: #fff; line-height: 62px; text-align: center; margin: 40px auto 0; font-size: 22px;}
.seaseonbox > p span {font-weight: 600; color: #3b6b05}

@media all and (max-width:1023px) {
.contentbg {background: none; }
.content1 {width: 100%; height: auto; overflow: hidden; padding: 20px; background-color: #d4e8be;}
.content1 .con1_sec {float: none; width: 100%; height: 243px;}
.content1 section.con1_sec {padding: 0;}
.content1 div.con1_sec {padding: 0;}
.content1 .dogamwrap {margin:0; }
.dogamwrap > div {padding: 15px 0 0 100px; border-right: 2px solid #9fc07b;}

.content2 > div > div {width: 100%; height: auto; padding: 40px 0;}/*nowbox랑 seasenbox*/
.seaseonbox > p {width: 80%;font-size: 20px;}
.side_lnb .sitemap_mo {display:block;}
.side_lnb .sitemap_pc {display:none;}
}

@media all and (max-width:768px) {
/*.content2 > div {float: none; width:100%;}  */
.content2 > div > div {width: 100%;}
}

@media all and (max-width:600px) {
.content2 > div {float: none; width: 100%;}
}

@media all and (max-width:400px) {
.seaseonbox > p {font-size: 16px;}
}


@media all and (max-width:580px) {
 .content1 {padding: 20px 10px 35px 10px;}
 .board_inner ul li a p {width: 67%;}
 .board_inner ul li a span {line-height: 27px}
 .dogamwrap > div {padding: 10px 0 0 80px;}
 .dogamwrap > a div {width:100%; text-align:center; padding:20px 0 20px 98px; margin-top:10px; border:2px solid #b0ce8f;}
 .dogamwrap div.dogam {background: url(/gayasan/images/main/img01.png) no-repeat 30% center !important;}
 .dogamwrap div.game {background: url(/gayasan/images/main/img02_01.png) no-repeat 30% center !important;}
 .dogamwrap > div p {font-size: 13px;}
 .content1 .dogamwrap {height:230px;}
}

@media all and (max-width:480px) {
 .dogamwrap div.dogam, .dogamwrap div.game {background-position:20% center !important;}
}

@media all and (max-width:430px) {
 .board_wrap .news_board a.bttt {width: 85px; font-size: 16px; }
 .board_wrap .board02 a.bttt {left: 84px;}
 .board_wrap .board03 a.bttt {left: 168px;}

}

@media all and (max-width:400px) {
 .quick_menu {height:240px;}
 .quick_menu > a section {width:42%; float:left;}
 .dogamwrap div.dogam, .dogamwrap div.game {background-position:10% center !important;}
}


/*footer*/
.footerwrap {width: 100%; overflow: hidden; background: #333333;}
#footer {width: 1200px; margin: 0 auto; padding: 24px 0 30px;}
.footMenu {width:350px; height: auto; margin: 0 auto; overflow: hidden;}
.footMenu li {float: left; border-left: 1px solid #5c5c5c; text-align: center;}
.footMenu li a {display: block; color: #fff; font-size: 13px;  }
.footMenu li.fot_me01 {width:35.5%; border-left: 0;}
.footMenu li.fot_me02 {border-left:0;}
.footMenu li.fot_me02, .footMenu li.fot_me03, .footMenu li.fot_me04 {/*width: 21.5%*/ width:32.5%}
.footInfo {width:70%; margin:0px auto; padding:10px 0 5px 0; overflow: hidden; text-align:center;}
.footInfo li {display:inline-block; color: #fff; }
.footInfo li.fot_in01 {text-align:center;}
.footInfo li.fot_in02 {text-align:center; padding-left: 10px;}
small {display: block; color: #6e6e6e; text-transform: uppercase; letter-spacing: -0.1px; text-align: center;}

@media all and (max-width:1023px) {
#footer {width: 100%;}
.footInfo {width: 80%; margin: 24px auto 10px; overflow: hidden;}
.footInfo li:first-child {padding-right: 20px;}
}
@media all and (max-width:768px) {
.footInfo {width: 100%; margin: 24px auto 10px; overflow: hidden;}
}
@media all and (max-width:700px) {
 #footer {padding: 15px 0 30px;}
.footMenu {width:100%; height: auto; margin: 0 auto; overflow: hidden; padding-bottom: 15px; border-bottom: 1px solid #5c5c5c;}
.footMenu li.fot_me01 {width:32.5%; border-left: 0;}
.footMenu li.fot_me02, .footMenu li.fot_me03, .footMenu li.fot_me04 {width: 22.5%}
.footInfo {width: 100%;}
.footInfo li {float: none; color: #fff; }
.footInfo li.fot_in01 {width: 100%; text-align: center;padding-right:0}
.footInfo li.fot_in02 {width: 100%; text-align: center;padding-left:0; margin-top: 5px;}
}
@media all and (max-width:430px) {
 .footMenu li a {font-size: 13px;}
 .footInfo li {font-size: 13px;}
 small {font-size: 12px}
}
@media all and (max-width:390px) {
.footMenu li.fot_me01 {width:36%;}
.footMenu li.fot_me02, .footMenu li.fot_me03, .footMenu li.fot_me04 {width: 21%}
 .footMenu li a {font-size: 13px;}
 .footInfo li span {display: block;}
 small {padding: 0 10px}
}


/* 외국어 메인 */
.content1 .con1_sec01 {float:left; width:45%; height:100%;}
.content1 .con1_sec02 {float:left; width:55%; height:100%;}
.content1 section.con1_sec01, .content1 section.con1_sec02 {padding: 32px 10px 32px 32px;}
.content1 div.con1_sec01, .content1 div.con1_sec02 {padding: 32px 32px 32px 10px ;}

.introduction_wrap {background:#fff; padding:10px 25px; position:relative;}
.intro_chn {padding:10px 25px 35px 25px !important;}
.introduction_wrap > .tit {border-bottom:2px solid #e0ecdb; background: url('/gayasan/images/sub/res_bg.png') no-repeat 0 bottom; font-size:17px; padding:10px 0 10px 150px; font-weight:bold;}
.introduction_wrap > .tit_jpn, .introduction_wrap > .tit_chn {border-bottom:2px solid #e0ecdb; background: url('/gayasan/images/sub/res_bg.png') no-repeat 0 bottom; font-size:17px; padding:25px 0 25px 150px; font-weight:bold;}
.introduction_wrap > .txt {line-height:20px; margin:20px 0;}
.introduction_wrap > a.intro_btn {position:absolute; top:30px; right:25px;}

.popular_menu {overflow:hidden; margin-top:20px;}
.popular_menu > div {width:49%; float:left; padding:15px 60px 15px 90px; margin:5px 0; position:relative;}
.popular_menu > div p {line-height:18px; margin-top:5px;}
.popular_menu > div.q_menu01 {background: url('/gayasan/images/main/foreign_icon01.png') no-repeat 0 center; border-right:2px solid #9fc07b; margin-right:2%; height:70px;}
.popular_menu > div.q_menu02 {background: url('/gayasan/images/main/foreign_icon02.png') no-repeat 0 center;}
.popular_menu > div.q_menu03 {background: url('/gayasan/images/main/foreign_icon03.png') no-repeat 0 center;}
.popular_menu > div.q_menu04 {background: url('/gayasan/images/main/foreign_icon04.png') no-repeat 4% center; border-left:2px solid #9fc07b; padding:10px 40px 10px 100px;}
.popular_menu > div > a.menu_btn {position:absolute; top:20px; right:20px;}
.popular_menu > div > p.tel {font-size:18px; font-weight:bold;}

@media all and (max-width:1023px) {
	.content1 .con1_sec01 {width:100%; height:100%;}
	.content1 .con1_sec02 {width:100%; height:100%;}
	.content1 section.con1_sec01, .content1 section.con1_sec02 {padding:10px;}
	.content1 div.con1_sec01, .content1 div.con1_sec02 {padding:10px ;}
}
@media all and (max-width:600px) {
	.introduction_wrap > .tit {background-size:25%; padding:10px 30px 10px 27%;}
	.introduction_wrap > .tit_jpn, .introduction_wrap > .tit_chn {background-size:25%; padding:10px 30px 10px 27%;}
	.popular_menu {margin-top:0px;}
	.popular_menu > div {width:100%; padding:30px 60px 15px 90px; margin:5px 0; border-top:2px solid #9fc07b; border-left:0px !important; border-right:0px !important;}
	.popular_menu > div.first {border-top:0px;}
	.popular_menu > div.first a.menu_btn {top:20px;}
	.popular_menu > div > a.menu_btn {top:35px; right:20px;}
}
@media all and (max-width:490px) {
	.introduction_wrap > .tit {background:none; padding:10px 30px 10px 5px;}
	.introduction_wrap > .tit_jpn, .introduction_wrap > .tit_chn {background:none; padding:10px 30px 10px 5px;}
}

.open_time_eng, .open_time_jpn {width:450px !important;}
@media all and (max-width:500px) {
	.open_time_eng, .open_time_jpn {width:90% !important;}
	.open_time_eng p, .open_time_jpn p {font-size:15px !important;}
}
@media all and (max-width:450px) {
	.open_time_eng, .open_time_jpn {height:auto !important;}
}

/*레이어팝업*/
.layer_popup_sj2 {position:absolute; top:160px; z-index:230;}
.layer_popup_sj2 > div {position:relative; border:5px solid rgba(255, 255, 255, 0.8);}
.layer_popup_sj2 div a.closeBtn {position:absolute; right:0; top:0; background:rgba(255, 255, 255, 0.8); padding:5px; z-index:300;}
.layer_popup_sj2 div img {display:block;}
.layer_popup_sj2 .btn {position:absolute; left:0; top:0; z-index:300;}
.layer_popup_sj2 .btn a {display:block; float:left;}
#pop { left:10%; }
@media all and (max-width:1023px) {
  .layer_popup_sj2 { top:100px; }
}
@media all and (max-width:768px) {
  .layer_popup_sj2 div img {width:100%;}
}
@media all and (max-width:480px) {
  .layer_popup_sj2 {left:2% !important; width:96% !important;}
}