@media (max-width:1024px) {
body { overflow-x:hidden }
.pc_no { display:block !important }
.wrap { width:calc(100% - 60px); padding:0 30px }
.main_contents .wrap { width:calc(100% - 60px) !important; padding:0 30px !important }

#header { height:70px; }
#header h1 { position:static; text-align:center; line-height:70px }
#header h1 img { height:40px }
#header .btn_gnb { color:#222; position:absolute; left:30px; top:19px; font-size:30px }
#header .gnb_area { position:fixed; z-index:10; width:250px; background:#414449; left:-250px; top:0; height:100%; transition:all .3s }
#header .gnb_area.on { left:0 }
#header .gnb_area .btn_gnb_close { color:#fff; position:absolute; right:30px; top:12px; font-size:40px }
#header .gnb { position:static; padding-top:70px }
#header .gnb li { float:none }
#header .gnb li a { border:none; color:#fff; font-weight:400; padding:0 0 0 30px }
#header .gnb li:hover a { color:#fff }
#header .gnb li ul { display:none }

#mainVisual { height:400px }
#mainVisual .txt { left:20px; top:50px }
#mainVisual .txt img { width:350px }
#mainVisual .animation > div { left:30% }
#mainVisual .animation img { width:720px; }

.main_sec01 > div { width:calc(100%/4 - 41px) }
.main_gallery:after { display:block; clear:both; content:"" }
.main_gallery { width:100%; float:none }
.main_gallery .big { width:35%; height:auto; margin-right:0 }
.main_gallery .big img { width:100%; height:auto }
.main_gallery .big p { padding:4% 0 }
.main_gallery .thumb { margin-left:37% }
.main_gallery .thumb li { float:left; width:calc(100%/3 - 5px); margin:0 0 5px 5px; border:0 }
.main_gallery .thumb li:hover, .main_gallery .thumb li.hover { border:0 }
.main_gallery .thumb li img { width:100%; height:auto; }
.main_gallery .thumb li:hover img, .main_gallery .thumb li.hover img { margin:0 }

.main_custom { float:none; width:calc(100% - 46px); height:auto }
.main_custom dl { position:relative }
.main_custom dd.mobile { font-size:26px }
.main_custom dt.tel { position:absolute; left:38%; top:-30px }
.main_custom dt.tel + dd { position:absolute; left:calc(38% + 50px); top:-30px }
.main_custom dt.fax { position:absolute; left:38%; top:-10px }
.main_custom dt.fax + dd { position:absolute; left:calc(38% + 50px); top:-10px }
.main_custom dt.mail { position:absolute; left:38%; top:10px }
.main_custom dt.mail + dd { position:absolute; left:calc(38% + 50px); top:10px }
.main_custom dt.bank { position:absolute; left:74%; top:-40px; }
.main_custom dt.bank + dd { position:absolute; left:74%; top:-7px; }
.main_custom dd.bank img { display:block; margin:0 0 5px }

#footer .wrap { padding:30px }
#footer h1 { display:none }
#footer .copyright, #footer address { position:static }
#footer .copyright { margin:0 0 7px }

#contents .wrap { width:100%; padding:0 }
#leftArea { float:none; width:100% }
#leftArea .slogun { display:none }
#leftArea .snb { margin:0 }
#leftArea .snb li { float:left; width:calc(100%/2) }
#leftArea .snb.sub02 li { width:calc(100%/4) }
#leftArea .snb.sub03 li { display:none }
#leftArea .snb.sub04 li { width:calc(100%/3) }
#leftArea .snb li a { background-image:none; display:block; text-align:center; border:1px solid #e0e0e0; margin:-1px 0 0 -1px; padding:0 }
#leftArea .snb ul { margin:1px 0 0 1px }
#leftArea .snb ul:after { display:block; content:""; clear:both }
#leftArea .snb li a:hover, #leftArea .snb li a.hover { background-image:none }
#leftArea .snb li a:hover { color:#666 }
#leftArea .snb li a.hover { color:#0287c4 }
.sub_custom { display:none }
#rightArea { width:calc(100% - 60px); padding:0 30px; float:none }
#rightArea > .title { display:none }
.sub04 .align { right:30px; top:130px }
.sub04 .table_h01 th:nth-child(2){ width:100px }
.sub04 .table_h01 th:nth-child(3){ width:40px }
.sub04 .table_h01 th:nth-child(4){ width:50px }
.sub04 .table_h01 th:nth-child(5){ width:50px }

#bo_gall .gall_li { width:calc(100%/4 - 10px) !important }
#bo_gall .gall_con .gall_href img { width:100%; height:auto }
#bo_gall .gall_text_href { width:100% !important }
#bo_con img { max-width:100% }
#bo_v_table { display:none }



}

@media (max-width:680px) {
	
.wrap { width:calc(100% - 40px); padding:0 20px }
.main_contents .wrap { width:calc(100% - 40px) !important; padding:0 20px !important }
.mobile_only { display:block !important }
.mobile_no { display:none !important }

#header { height:50px; }
#header h1 { line-height:50px }
#header h1 img { height:32px }
#header .btn_gnb { left:20px; top:15px; font-size:20px }
#header .gnb_area .btn_gnb_close { right:30px; top:10px; font-size:30px }
#header .gnb { padding-top:50px }
#header .gnb_area { width:200px; left:-200px; }

#mainVisual { height:200px; margin-bottom:20px; overflow:hidden }
#mainVisual .txt { left:10px; top:10px }
#mainVisual .txt img { width:200px }
#mainVisual .animation > div { left:35% }
#mainVisual .animation img { width:320px; }

#contents { margin:0 0 30px 0 }
#contents.main_contents { margin-bottom:20px }

.main_sec01 > div { width:calc(100%/2 - 31px); padding:15px; height:130px; margin-top:-1px }
.main_sec01 h3 { font-size:15px }
.main_sec01 .article01 { background-position:center 40px; background-size:109px 94px }
.main_sec01 .article02 { background-position:center 45px; background-size:116px 83px }
.main_sec01 .article03 { background-position:center 50px; background-size:95px 81px }
.main_sec01 .article04 { background-position:center 40px; background-size:99px 95px }
.main_sec01 a { bottom:15px; left:15px }
.main_gallery .desc { display:none }
.main_gallery h2 { font-size:15px }
.main_gallery .big { width:calc(100% - 10px); float:none }
.main_gallery .big p { font-size:13px; padding:7px }
.main_gallery .thumb { margin:5px 0 0 -5px; float:none }

.main_custom { width:calc(100% - 46px); height:auto; margin-top:20px }
.main_custom dl { position:relative }
.main_custom dd.mobile { font-size:26px }
.main_custom dt.tel { position:static; }
.main_custom dt.tel + dd { position:static; font-size:13px }
.main_custom dt.fax { position:static; }
.main_custom dt.fax + dd { position:static; font-size:13px }
.main_custom dt.mail { position:static; }
.main_custom dt.mail + dd { position:static; font-size:13px }
.main_custom dt.bank { position:static; }
.main_custom dt.bank + dd { position:static; font-size:14px }
.main_custom dd.bank img { display:inline-block; vertical-align:middle; margin:0 8px 0 0 }

#subVisual { height:95px; }
#leftArea h2 { font-size:15px; line-height:35px; height:37px }
#leftArea .snb li a { line-height:30px; height:30px; font-size:13px }
#rightArea { width:calc(100% - 40px); padding:0 20px }
.real_contents { padding:30px 5px 0 5px }

#footer .wrap { padding:20px }

#leftArea .snb.sub02 li { width:calc(100%/3) }
.real_contents img { max-width:100% }

.sub01_01 img { display:none }
.sub01_01 h2 { font-size:16px; padding:0 0 20px; line-height:1.4 }
.sub01_02 .addr { font-size:13px; padding-bottom:10px }
.sub01_02 dt { font-size:14px }
.root_daum_roughmap .wrap_map { height:200px !important }

#bo_gall #gall_ul { margin:0 0 0 -10px }
#bo_gall .gall_li { width:calc(100%/2 - 10px) !important; margin:0 0 20px 10px }
#bo_gall .gall_li:nth-child(2n) + li { clear:both; }
.sub04 .align { display:none }
.sub04 td .img { float:none; display:block; }
.sub04 td .subject { margin:5px 0 0 0 }

}

@media (max-width:320px) {
}