@charset "euc-kr";
@media all and (max-width:280px) {
	.mbWrap { display:block; }
	.openBtn { position:fixed; top:27px; right:5%; z-index:999; -webkit-transition:all 0.45s ease-in-out; -moz-transition:all 0.45s ease-in-out; -o-transition:all 0.45s ease-in-out; -ms-transition:all 0.45s ease-in-out; transition:all 0.45s ease-in-out; }
	.openBtn a { display:block; width:38px; height:38px; background:url('../images/list.gif'); text-indent:-9999px; }
	.gnbBg_mb { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:9999; }
	.menuWrap { position:fixed; top:0; right:-250px; height:100%; width:250px; background-color:#fff; padding:43px 40px; box-sizing:border-box; z-index:99999; }
	.mbSec { margin:0 auto; width:auto; height:36px; border-bottom:2px solid #222; }
	.mbSec li { float:left; padding-right:12%; }
	.mbSec li:first-child { padding-left:15%; }
	nav#mbMenu { width:170px; padding-top:20px; }
	nav#mbMenu > ul > li.mm { position:relative; width:100%; height:52px; line-height:52px; border-top:1px solid #e2e2e2; }
	nav#mbMenu > ul > li.mm:first-child { border:0 }
	nav#mbMenu > ul > li.mm a { display:block; padding-left:30px; font-size:15px; font-weight:bold; color:#222; }
	nav#mbMenu > ul > li.mm a:hover { color:rgba(125,105,79,1); }
	ul.sm { width:100%; display:none; border-top:1px solid #e2e2e2; padding:10px 0 14px 0; }
	ul.sm li { border:0; }
	ul.sm li a { display:block; padding:4px 34px 4px; }
	ul.sm li a:hover,
	ul.sm li a:focus { color:#111; font-weight:bold; background:url('../images/dot.png') 22px 10px no-repeat; }
	.arrow { display:block; position:absolute; right:20px; top:0; width:9px; height:5px; }
	.closeBtn { position:absolute; top:62px; right:234px; z-index:999; }
	.closeBtn a { display:block; width:33px; height:33px; background-image:url('../images/cls_Btn.png'); text-indent:-9999px; }
	#topNotice { display:none; }
	#ndstmap { display:none; }
	#gnbWrap { height:90px; background:none; }
	#gnbWrap span.bg { top:90px; }
	#gnbWrap .inner h1 { top:32px; }
	#gnb { display:none; }
	.pcWrap { display:none; }
	.optbr { display:none; }
	#container_vis { height:520px; }
	#container_vis.main .visImg { height:520px; }
	#container_vis.main .visImg button.cir { top:70vh; }
	#container_vis.main .visImg .pic1 { background-position:-500px; }
	#container_vis.main .visImg .pic2 { background-position:-140px; }
	#container_vis.main .visImg .pic3 { background-position:-500px; }
	#container_vis.main .visImg .txtWrap { top:30vh; }
	#container_vis.main .visImg .txtWrap .mv_txt { max-width:86%; }
	#container_vis.main .visImg .txtWrap .mv_txt .viewBtn { margin-top:30px; }
	#container_vis.main .visImg .txtWrap .mv_txt .txt01 { font-size:26px; padding-bottom:5px; }
	#container_vis.main .visImg .txtWrap .mv_txt .txt02 { font-size:13px; line-height:1.45; }
	.scrollDown { display:none; }
	#mainCont { margin-bottom:0 !important; }
	#com_contents { padding:40px 0; }
	.subGreet { max-width:260px; }
	.subGreet .imgArea { float:none; margin:0 auto; width:auto; height:410px; }
	.subGreet .imgArea .line { width:170px; height:170px; opacity:1; filter:alpha(opacity=100); }
	.subGreet .imgArea .line > li:nth-child(1),
	.subGreet .imgArea .line > li:nth-child(3) { width:100%; height:1px; }
	.subGreet .imgArea .line > li:nth-child(2),
	.subGreet .imgArea .line > li:nth-child(4) { width:1px; height:100%; }
	.subGreet .imgArea .photo { opacity:1; filter:alpha(opacity=100); }
	.subGreet .imgArea .photo > img.logo { right:0; top:180px; padding:12px 12%; width:70px; }
	.subGreet .greetArea { float:none; margin:10px auto 0; width:100%; opacity:1; filter:alpha(opacity=100); }
	.subGreet .greetArea h3.greetTitle { margin-bottom:10px; font-size:24px; }
	.subGreet .greetArea > p { font-size:13px; margin-bottom:15px; line-height:1.6; }
	.greetArea .ceo { margin-top:10px; }
	#noticeArea { margin:0 auto; border-bottom:0; }
	#notice { max-width:100%; padding:40px 0; border-left:0; }
	#arrow_bg { display:none; }
	#arrow_bd { display:none; }
	#notice > h3.notice_t { left:12px; font-size:18px; }
	#notice > .notice_more { top:33px; left:165px; }
	#notice > .notice_more a { filter:alpha(opacity=100); -khtml-opacity:1; -moz-opacity:1; opacity:1; }
	.main_prodcts { padding:0 0 40px; }
	.main_prodcts h3 { font-size:24px; margin-bottom:15px; }
	#galloutWrap .board_output > tbody > tr { display:block; }
	#galloutWrap .board_output td.board_output_gallery_img:hover>a:before,
	#galloutWrap .board_output td.board_output_gallery_img>a:focus:before { opacity:0; }
	#galloutWrap .board_output td.board_output_gallery_img:hover>a:after,
	#galloutWrap .board_output td.board_output_gallery_img>a:focus:after { opacity:0; }
	#galloutWrap .board_output > tbody > tr > td { float:none; display:block; width:100%; margin:0; }
	#galloutWrap .board_output td.board_output_gallery_img { text-align:center; }
	#galloutWrap .board_output td.board_output_gallery_img img { width:90%; }
	#galloutWrap .board_output td > .board_output_gallery_subject { margin-top:15px; padding:0 20px; }
	#galloutWrap .board_output td > .board_output_gallery_etc { font-size:12px; margin:0 0 25px; padding:0 20px; }
	.main_prodcts .btn-wrap { margin:35px auto 0; width:45%; }
	#cs_contents { padding:40px 0; }
	.cs_title { margin:0 auto 10px; padding:0 35px; }
	.cs_title .cs_mTitle { font-size:28px; }
	.cs_title .cs_sTitle { font-size:12px; }
	.customer_t2 { margin:10px auto; max-width:92%; }
	.customer_t2 span { font-size:16px; padding:0 20px 10px; }
	.customer_t2 .customer_2_Txt { font-size:12px; text-align:left; }
	.cs_con { margin:35px auto 0; }
	#cs_table .tt1 { font-size:12px; padding:12px 0; }
	#cs_table .tt2 { font-size:12px; padding:12px 0; }
	#cs_table .tt3 { font-size:12px; padding:12px 0; }
	#cs_table .cc { font-size:12px; }
	#cs_table .dd { font-size:12px; }
	#cs_table .ee { font-size:12px; }
	#cs_table .tt1_con { padding:15px 6px; }
	.nodepop { display:none; }
	#subContents { margin-bottom:0 !important; padding:0; }
	#contents { margin:40px auto; min-height:auto; }
	.subVisImg { height:450px; }
	.subVisImg.subImg_1 .bgImg { background-position:50% 100%; }
	.subVisImg.subImg_2 .bgImg { background-position:42% 100%; }
	.subVisImg.subImg_3 .bgImg { background-position:20% 100%; }
	.subVisImg.subImg_4 .bgImg { background-position:60% 100%; }
	.subVisImg.subImg_5 .bgImg { background-position:23% 100%; }
	.subVisImg.subImg_6 .bgImg { background-position:50% 100%; }
	.txt_1 { font-size:28px; margin:50px 0 5px; }
	.txt_2 { font-size:13px; line-height:1.3; padding:0 10px; }
	#pageCogn { border-bottom:0; }
	#pageCogn ul { display:block; }
	#pageCogn ul > li { display:block; width:100%; height:46px; line-height:46px; padding:0; background:none; border-bottom:1px solid #E8E8E8; }
	#pageCogn ul > li > a { font-size:13px; }
	#pageCogn ul > li > a:before { display:none; }
	#pageCogn ul > li > a.on,
	#pageCogn ul > li:hover > a { background:rgba(125,105,79,1); color:#FFF; }
	h3.main_t { margin:40px 3%; font-size:26px; }
	.con1Txt { max-width:95%; font-size:15px; margin:0 auto 30px; width:auto; padding:0; }
	.con1Txt:after { margin:30px auto; }
	.con1_2Txt { max-width:95%; font-size:12px; line-height:1.5; width:auto; padding:0; }
	.signArea { width:200px; }
	.ceo { margin-top:30px; font-size:13px; }
	.work #choice li a { font-size:12px; padding:15px 6px; }
	.container { width:260px; }
	dl#history { background:none; }
	dl#history dd { padding:22px 0; line-height:30px; }
	dl#history dd em { float:none; font-size:26px; text-align:left; padding-left:3%; }
	dl#history dd strong { max-width:40px; font-size:14px; padding:0 5px 0 3%; }
	dl#history dd ul li { width:100%; font-size:12px; }
	#roadmap { margin-top:0; }
	#roadmap .item { width:28%; font-size:12px; }
	#roadmap .tt1_con { padding:12px 0; }
	#roadmap .tt2_con { padding:12px 0 12px 10px; font-size:12px; }
	td[valign='bottom'] { display:block; width:100% !important; padding:0 !important; }
	.gallery_subject { padding:0 0 0 12px !important; }
	.gallery_title { font-size:13px !important; }
	.gallery_etc { padding:0 0 15px 4px !important; margin-top:3px !important; }
	.gallery_etc font { line-height:19px !important; font-size:12px !important; }
	.board.webzine td[align='center'] { display:block; padding:35px 0 0 !important; width:100%; height:100%; border-bottom:0 !important; }
	.board.webzine td.bbsnewf5 { display:block; padding:10px 10px 20px !important; height:100%; }
	.board.webzine td.bbsnewf5 div[align='right'] { margin:18px 0 15px -4px !important; }
	.board td.bbsetc_add3 { font-size:12px; }
	.board td.bbsetc_add4 { line-height:1.2; font-size:9px !important; }
	.div_news_title { margin-top:0; }
	.news_title { font-size:15px !important; }
	.con1, .con1_2Txt, .con2, .con3, .con4, .con5, .con6, .comm_con { width:auto; padding:0; }
	.board td,
	.board td a	{ font-size:11px !important; }
	.faqCon { max-width:94%; margin:0 auto; }
	.faqCon h4 { padding:14px 0; display:flex; }
	.faqCon h4 span { font-size:13px; }
	.faqCon h4 a { font-size:13px; }
	.faqCon h4 .sp_arrow { display:none; }
	.Inner_2 span.a_tit { left:20px; top:22px; font-size:13px; }
	.Inner_2 span.a_tit:after { width:20px; height:20px; }
	.Inner_2 span.Inner_2_con { font-size:12px; padding:20px 16px 20px 45px; }
	footer { position:static; padding:30px 0; }
	.footWrap { max-width:100%; margin:0 auto; }
	.comInfo { padding:0 6%; }
	.comInfo p { font-size:12px; }
	.csInfo { padding:25px 12% 0 6%; }
	.csInfo p { font-size:12px; }
	ul.bot_menu { width:100%; border-left:0; padding-left:6%; margin:30px 0; }
	ul.bot_menu li a { font-size:12px; }
	ul.bot_menu li:nth-child(2),
	ul.bot_menu li:nth-child(3) { display:none; }
	.footCont .familySite { display:none; }
	.copy { font-size:12px; margin:0 auto; padding:30px 0; }
	#nd-popUp, #nd-popUp2 { padding:10px 0; max-width:100%; margin:20px auto; }
	.nomailClose { right:0; top:36px; }
	h2.priTitle { padding:20px 0 20px 20px; font-size:15px; }
	.nomailArea { padding:20px 15px; max-height:400px; overflow-y:auto; }
	.nomail_t { margin:15px auto 0; max-width:82%; font-size:12px; }
	.nomail_t:after { margin:20px auto; }
	.nomail_t .nomail_Txt { font-size:20px; }
	.nomail_2Txt { font-size:12px; line-height:1.55; }
	.talkArea { right:3%; bottom:110px; }
	#moveBtn .btn { display:none; }
}
@media all and (min-width:281px) and (max-width:320px) {
	.mbWrap { display:block; }
	.openBtn { position:fixed; top:27px; right:5%; z-index:999; -webkit-transition:all 0.45s ease-in-out; -moz-transition:all 0.45s ease-in-out; -o-transition:all 0.45s ease-in-out; -ms-transition:all 0.45s ease-in-out; transition:all 0.45s ease-in-out; }
	.openBtn a { display:block; width:38px; height:38px; background:url('../images/list.gif'); text-indent:-9999px; }
	.gnbBg_mb { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:9999; }
	.menuWrap { position:fixed; top:0; right:-250px; height:100%; width:250px; background-color:#fff; padding:43px 40px; box-sizing:border-box; z-index:99999; }
	.mbSec { margin:0 auto; width:auto; height:36px; border-bottom:2px solid #222; }
	.mbSec li { float:left; padding-right:12%; }
	.mbSec li:first-child { padding-left:15%; }
	nav#mbMenu { width:170px; padding-top:20px; }
	nav#mbMenu > ul > li.mm { position:relative; width:100%; height:52px; line-height:52px; border-top:1px solid #e2e2e2; }
	nav#mbMenu > ul > li.mm:first-child { border:0 }
	nav#mbMenu > ul > li.mm a { display:block; padding-left:30px; font-size:15px; font-weight:bold; color:#222; }
	nav#mbMenu > ul > li.mm a:hover { color:rgba(125,105,79,1); }
	ul.sm { width:100%; display:none; border-top:1px solid #e2e2e2; padding:10px 0 14px 0; }
	ul.sm li { border:0; }
	ul.sm li a { display:block; padding:4px 34px 4px; }
	ul.sm li a:hover,
	ul.sm li a:focus { color:#111; font-weight:bold; background:url('../images/dot.png') 22px 10px no-repeat; }
	.arrow { display:block; position:absolute; right:20px; top:0; width:9px; height:5px; }
	.closeBtn { position:absolute; top:62px; right:234px; z-index:999; }
	.closeBtn a { display:block; width:33px; height:33px; background-image:url('../images/cls_Btn.png'); text-indent:-9999px; }
	#topNotice { display:none; }
	#ndstmap { display:none; }
	#gnbWrap { height:90px; background:none; }
	#gnbWrap span.bg { top:90px; }
	#gnbWrap .inner h1 { top:32px; }
	#gnb { display:none; }
	.pcWrap { display:none; }
	.optbr { display:none; }
	#container_vis { height:520px; }
	#container_vis.main .visImg { height:520px; }
	#container_vis.main .visImg button.cir { top:70vh; }
	#container_vis.main .visImg .pic1 { background-position:-500px; }
	#container_vis.main .visImg .pic2 { background-position:-140px; }
	#container_vis.main .visImg .pic3 { background-position:-500px; }
	#container_vis.main .visImg .txtWrap { top:30vh; }
	#container_vis.main .visImg .txtWrap .mv_txt { max-width:86%; }
	#container_vis.main .visImg .txtWrap .mv_txt .viewBtn { margin-top:30px; }
	#container_vis.main .visImg .txtWrap .mv_txt .txt01 { font-size:28px; padding-bottom:5px; }
	#container_vis.main .visImg .txtWrap .mv_txt .txt02 { font-size:14px; line-height:1.45; }
	.scrollDown { display:none; }
	#mainCont { margin-bottom:0 !important; }
	#com_contents { padding:40px 0; }
	.subGreet { max-width:300px; padding:20px 0 0; }
	.subGreet .imgArea { float:none; margin:0 auto; width:auto; height:470px; }
	.subGreet .imgArea .line { width:200px; height:200px; opacity:1; filter:alpha(opacity=100); }
	.subGreet .imgArea .line > li:nth-child(1),
	.subGreet .imgArea .line > li:nth-child(3) { width:100%; height:1px; }
	.subGreet .imgArea .line > li:nth-child(2),
	.subGreet .imgArea .line > li:nth-child(4) { width:1px; height:100%; }
	.subGreet .imgArea .photo { opacity:1; filter:alpha(opacity=100); }
	.subGreet .imgArea .photo > img.logo { right:0; top:210px; padding:13px 13%; width:72px; }
	.subGreet .greetArea { float:none; margin:10px auto 0; width:100%; opacity:1; filter:alpha(opacity=100); }
	.subGreet .greetArea h3.greetTitle { margin-bottom:10px; font-size:22px; }
	.subGreet .greetArea > p { font-size:13px; margin-bottom:15px; line-height:1.6; }
	.greetArea .ceo { margin-top:10px; }
	#noticeArea { margin:0 auto; border-bottom:0; }
	#notice { max-width:100%; padding:40px 0; border-left:0; }
	#arrow_bg { display:none; }
	#arrow_bd { display:none; }
	#notice > h3.notice_t { left:12px; font-size:18px; }
	#notice > .notice_more { top:33px; left:165px; }
	#notice > .notice_more a { filter:alpha(opacity=100); -khtml-opacity:1; -moz-opacity:1; opacity:1; }
	.main_prodcts { padding:0 0 40px; }
	.main_prodcts h3 { font-size:26px; margin-bottom:15px; }
	#galloutWrap .board_output > tbody > tr { display:block; }
	#galloutWrap .board_output td.board_output_gallery_img:hover>a:before,
	#galloutWrap .board_output td.board_output_gallery_img>a:focus:before { opacity:0; }
	#galloutWrap .board_output td.board_output_gallery_img:hover>a:after,
	#galloutWrap .board_output td.board_output_gallery_img>a:focus:after { opacity:0; }
	#galloutWrap .board_output > tbody > tr > td { float:none; display:block; width:100%; margin:0; }
	#galloutWrap .board_output td.board_output_gallery_img { text-align:center; }
	#galloutWrap .board_output td.board_output_gallery_img img { width:90%; }
	#galloutWrap .board_output td > .board_output_gallery_subject { margin-top:15px; padding:0 20px; }
	#galloutWrap .board_output td > .board_output_gallery_etc { font-size:12px; margin:0 0 25px; padding:0 20px; }
	.main_prodcts .btn-wrap { margin:40px auto 0; width:40%; }
	#cs_contents { padding:50px 0; }
	.cs_title { margin:0 auto 15px; padding:0 35px; }
	.cs_title .cs_mTitle { font-size:28px; }
	.cs_title .cs_sTitle { font-size:12px; }
	.customer_t2 { margin:15px auto; max-width:92%; }
	.customer_t2 span { font-size:16px; padding:0 20px 10px; }
	.customer_t2 .customer_2_Txt { font-size:13px; text-align:left; }
	.cs_con { margin:35px auto 0; }
	#cs_table .tt1 { font-size:12px; padding:12px 0; }
	#cs_table .tt2 { font-size:12px; padding:12px 0; }
	#cs_table .tt3 { font-size:12px; padding:12px 0; }
	#cs_table .cc { font-size:12px; }
	#cs_table .dd { font-size:12px; }
	#cs_table .ee { font-size:12px; }
	#cs_table .tt1_con { padding:15px 6px; }
	.nodepop { display:none; }
	#subContents { margin-bottom:0 !important; padding:0; }
	#contents { margin:40px auto; min-height:auto; }
	.subVisImg { height:450px; }
	.subVisImg.subImg_1 .bgImg { background-position:50% 100%; }
	.subVisImg.subImg_2 .bgImg { background-position:45% 100%; }
	.subVisImg.subImg_3 .bgImg { background-position:20% 100%; }
	.subVisImg.subImg_4 .bgImg { background-position:55% 100%; }
	.subVisImg.subImg_5 .bgImg { background-position:22% 100%; }
	.subVisImg.subImg_6 .bgImg { background-position:50% 100%; }
	.txt_1 { font-size:28px; margin:50px 0 5px; }
	.txt_2 { font-size:13px; line-height:1.3; padding:0 10px; }
	#pageCogn { border-bottom:0; }
	#pageCogn ul { display:block; }
	#pageCogn ul > li { display:block; width:100%; height:48px; line-height:48px; padding:0; background:none; border-bottom:1px solid #E8E8E8; }
	#pageCogn ul > li > a { font-size:13px; }
	#pageCogn ul > li > a:before { display:none; }
	#pageCogn ul > li > a.on,
	#pageCogn ul > li:hover > a { background:rgba(125,105,79,1); color:#FFF; }
	h3.main_t { margin:40px 2%; font-size:26px; }
	.con1Txt { max-width:95%; font-size:15px; margin:0 auto 30px; width:auto; padding:0; }
	.con1Txt:after { margin:30px auto; }
	.con1_2Txt { max-width:95%; font-size:12px; line-height:1.5; width:auto; padding:0; }
	.signArea { width:200px; }
	.ceo { margin-top:30px; font-size:13px; }
	.work #choice li a { font-size:12px; padding:15px 8px; }
	.container { width:300px; }
	dl#history { background:none; }
	dl#history dd { padding:22px 0; line-height:30px; }
	dl#history dd em { float:none; font-size:28px; text-align:left; padding-left:5%; }
	dl#history dd strong { max-width:40px; font-size:14px; padding:0 5px 0 5%; }
	dl#history dd ul li { width:100%; font-size:12px; }
	#roadmap { margin-top:0; }
	#roadmap .item { width:28%; font-size:13px; }
	#roadmap .tt1_con { padding:12px 0; }
	#roadmap .tt2_con { padding:12px 0 12px 10px; font-size:13px; }
	td[valign='bottom'] { display:block; width:100% !important; padding:0 !important; }
	.gallery_subject { padding:0 0 0 12px !important; }
	.gallery_title { font-size:13px !important; }
	.gallery_etc { padding:0 0 15px 4px !important; margin-top:3px !important; }
	.gallery_etc font { line-height:19px !important; font-size:12px !important; }
	.board.webzine td[align='center'] { display:block; padding:35px 0 0 !important; width:100%; height:100%; border-bottom:0 !important; }
	.board.webzine td.bbsnewf5 { display:block; padding:10px 10px 20px !important; height:100%; }
	.board.webzine td.bbsnewf5 div[align='right'] { margin:18px 0 15px -4px !important; }
	.board td.bbsetc_add3 { font-size:12px; }
	.board td.bbsetc_add4 { line-height:1.2; font-size:9px !important; }
	.div_news_title { margin-top:0; }
	.news_title { font-size:15px !important; }
	.con1, .con1_2Txt, .con2, .con3, .con4, .con5, .con6, .comm_con { width:auto; padding:0; }
	.board td,
	.board td a	{ font-size:12px !important; }
	.faqCon { max-width:94%; margin:0 auto; }
	.faqCon h4 { padding:14px 0; display:flex; }
	.faqCon h4 span { font-size:13px; }
	.faqCon h4 a { font-size:13px; }
	.faqCon h4 .sp_arrow { display:none; }
	.Inner_2 span.a_tit { left:20px; top:22px; font-size:13px; }
	.Inner_2 span.a_tit:after { width:20px; height:20px; }
	.Inner_2 span.Inner_2_con { font-size:12px; padding:20px 16px 20px 45px; }
	footer { position:static; padding:30px 0; }
	.footWrap { max-width:100%; margin:0 auto; }
	.comInfo { padding:0 6%; }
	.comInfo p { font-size:12px; }
	.csInfo { padding:25px 12% 0 6%; }
	.csInfo p { font-size:12px; }
	ul.bot_menu { width:100%; border-left:0; padding-left:6%; margin:30px 0; }
	ul.bot_menu li a { font-size:12px; }
	ul.bot_menu li:nth-child(2),
	ul.bot_menu li:nth-child(3) { display:none; }
	.footCont .familySite { display:none; }
	.copy { font-size:12px; margin:0 auto; padding:30px 0; }
	#nd-popUp, #nd-popUp2 { padding:10px 0; max-width:100%; margin:20px auto; }
	.nomailClose { right:0; top:36px; }
	h2.priTitle { padding:20px 0 20px 20px; font-size:15px; }
	.nomailArea { padding:20px 15px; max-height:400px; overflow-y:auto; }
	.nomail_t { margin:15px auto 0; max-width:82%; font-size:12px; }
	.nomail_t:after { margin:20px auto; }
	.nomail_t .nomail_Txt { font-size:20px; }
	.nomail_2Txt { font-size:12px; line-height:1.55; }
	.talkArea { right:3%; bottom:110px; }
	#moveBtn .btn { display:none; }
}
@media all and (min-width:321px) and (max-width:374px) {
	.mbWrap { display:block; }
	.openBtn { position:fixed; top:27px; right:5%; z-index:999; -webkit-transition:all 0.45s ease-in-out; -moz-transition:all 0.45s ease-in-out; -o-transition:all 0.45s ease-in-out; -ms-transition:all 0.45s ease-in-out; transition:all 0.45s ease-in-out; }
	.openBtn a { display:block; width:38px; height:38px; background:url('../images/list.gif'); text-indent:-9999px; }
	.gnbBg_mb { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:9999; }
	.menuWrap { position:fixed; top:0; right:-250px; height:100%; width:250px; background-color:#fff; padding:43px 40px; box-sizing:border-box; z-index:99999; }
	.mbSec { margin:0 auto; width:auto; height:36px; border-bottom:2px solid #222; }
	.mbSec li { float:left; padding-right:12%; }
	.mbSec li:first-child { padding-left:15%; }
	nav#mbMenu { width:170px; padding-top:20px; }
	nav#mbMenu > ul > li.mm { position:relative; width:100%; height:52px; line-height:52px; border-top:1px solid #e2e2e2; }
	nav#mbMenu > ul > li.mm:first-child { border:0 }
	nav#mbMenu > ul > li.mm a { display:block; padding-left:30px; font-size:15px; font-weight:bold; color:#222; }
	nav#mbMenu > ul > li.mm a:hover { color:rgba(125,105,79,1); }
	ul.sm { width:100%; display:none; border-top:1px solid #e2e2e2; padding:10px 0 14px 0; }
	ul.sm li { border:0; }
	ul.sm li a { display:block; padding:4px 34px 4px; }
	ul.sm li a:hover,
	ul.sm li a:focus { color:#111; font-weight:bold; background:url('../images/dot.png') 22px 10px no-repeat; }
	.arrow { display:block; position:absolute; right:20px; top:0; width:9px; height:5px; }
	.closeBtn { position:absolute; top:62px; right:234px; z-index:999; }
	.closeBtn a { display:block; width:33px; height:33px; background-image:url('../images/cls_Btn.png'); text-indent:-9999px; }
	#topNotice { display:none; }
	#ndstmap { display:none; }
	#gnbWrap { height:90px; background:none; }
	#gnbWrap .inner h1 { top:32px; }
	#gnb { display:none; }
	.pcWrap { display:none; }
	.optbr { display:none; }
	#container_vis { height:520px; }
	#container_vis.main .visImg { height:520px; }
	#container_vis.main .visImg button.cir { top:70vh; }
	#container_vis.main .visImg .pic1 { background-position:-500px; }
	#container_vis.main .visImg .pic2 { background-position:-140px; }
	#container_vis.main .visImg .pic3 { background-position:-500px; }
	#container_vis.main .visImg .txtWrap { top:25vh; }
	#container_vis.main .visImg .txtWrap .mv_txt { max-width:290px; }
	#container_vis.main .visImg .txtWrap .mv_txt .viewBtn { margin-top:30px; }
	#container_vis.main .visImg .txtWrap .mv_txt .txt01 { font-size:32px; padding-bottom:5px; }
	#container_vis.main .visImg .txtWrap .mv_txt .txt02 { font-size:14px; line-height:1.45; }
	.scrollDown { display:none; }
	#mainCont { margin-bottom:0 !important; }
	#com_contents { padding:50px 0; }
	.subGreet { max-width:330px; }
	.subGreet .imgArea { float:none; margin:0 auto; width:auto; height:520px; }
	.subGreet .imgArea .line { width:200px; height:200px; opacity:1; filter:alpha(opacity=100); }
	.subGreet .imgArea .line > li:nth-child(1),
	.subGreet .imgArea .line > li:nth-child(3) { width:100%; height:1px; }
	.subGreet .imgArea .line > li:nth-child(2),
	.subGreet .imgArea .line > li:nth-child(4) { width:1px; height:100%; }
	.subGreet .imgArea .photo { opacity:1; filter:alpha(opacity=100); }
	.subGreet .imgArea .photo > img.logo { right:0; top:230px; padding:13px 13%; width:78px; }
	.subGreet .greetArea { float:none; margin:10px auto 0; width:100%; opacity:1; filter:alpha(opacity=100); }
	.subGreet .greetArea h3.greetTitle { margin-bottom:10px; font-size:26px; }
	.subGreet .greetArea > p { font-size:14px; margin-bottom:15px; line-height:1.6; }
	.greetArea .ceo { margin-top:20px; }
	#noticeArea { margin:0 auto; border-bottom:0; }
	#notice { max-width:100%; padding:40px 0; border-left:0; }
	#arrow_bg { display:none; }
	#arrow_bd { display:none; }
	#notice > h3.notice_t { left:20px; font-size:20px; }
	#notice > .notice_more { top:36px; left:185px; }
	#notice > .notice_more a { filter:alpha(opacity=100); -khtml-opacity:1; -moz-opacity:1; opacity:1; }
	.main_prodcts { padding:0 0 50px; }
	.main_prodcts h3 { font-size:26px; margin-bottom:15px; }
	#galloutWrap .board_output > tbody > tr { display:block; }
	#galloutWrap .board_output td.board_output_gallery_img:hover>a:before,
	#galloutWrap .board_output td.board_output_gallery_img>a:focus:before { opacity:0; }
	#galloutWrap .board_output td.board_output_gallery_img:hover>a:after,
	#galloutWrap .board_output td.board_output_gallery_img>a:focus:after { opacity:0; }
	#galloutWrap .board_output > tbody > tr > td { float:none; display:block; width:100%; margin:0; }
	#galloutWrap .board_output td.board_output_gallery_img { text-align:center; }
	#galloutWrap .board_output td.board_output_gallery_img img { width:90%; }
	#galloutWrap .board_output td > .board_output_gallery_subject { margin-top:15px; padding:0 20px; }
	#galloutWrap .board_output td > .board_output_gallery_etc { font-size:12px; margin:0 0 25px; padding:0 20px; }
	.main_prodcts .btn-wrap { margin:30px auto 0; width:40%; }
	#cs_contents { padding:50px 0; }
	.cs_title { margin:0 auto 20px; padding:0 42px; }
	.cs_title .cs_mTitle { font-size:34px; }
	.cs_title .cs_sTitle { font-size:13px; }
	.customer_t2 { margin:20px auto; max-width:92%; }
	.customer_t2 span { font-size:16px; padding:0 40px 10px; }
	.customer_t2 .customer_2_Txt { font-size:13px; text-align:left; }
	.cs_con { margin:40px auto 0; }
	#cs_table .tt1 { font-size:12px; padding:12px 0; }
	#cs_table .tt2 { font-size:12px; padding:12px 0; }
	#cs_table .tt3 { font-size:12px; padding:12px 0; }
	#cs_table .cc { font-size:13px; }
	#cs_table .dd { font-size:13px; }
	#cs_table .ee { font-size:12px; }
	#cs_table .tt1_con { padding:15px 6px; }
	.nodepop { display:none; }
	#subContents { margin-bottom:0 !important; padding:0; }
	#contents { margin:50px auto; min-height:auto; }
	.subVisImg { height:450px; }
	.subVisImg.subImg_1 .bgImg { background-position:55% 100%; }
	.subVisImg.subImg_2 .bgImg { background-position:47% 100%; }
	.subVisImg.subImg_3 .bgImg { background-position:20% 100%; }
	.subVisImg.subImg_4 .bgImg { background-position:55% 100%; }
	.subVisImg.subImg_5 .bgImg { background-position:22% 100%; }
	.subVisImg.subImg_6 .bgImg { background-position:50% 100%; }
	.txt_1 { font-size:28px; margin:50px 0 5px; }
	.txt_2 { font-size:13px; line-height:1.3; padding:0 30px; }
	#pageCogn { border-bottom:0; }
	#pageCogn ul { display:block; }
	#pageCogn ul > li { display:block; width:100%; height:50px; line-height:50px; padding:0; background:none; border-bottom:1px solid #E8E8E8; }
	#pageCogn ul > li > a { font-size:14px; }
	#pageCogn ul > li > a:before { display:none; }
	#pageCogn ul > li > a.on,
	#pageCogn ul > li:hover > a { background:rgba(125,105,79,1); color:#FFF; }
	h3.main_t { margin:40px 4%; font-size:26px; }
	.con1Txt { max-width:90%; font-size:16px; margin:0 auto 30px; width:auto; padding:0 10px; }
	.con1Txt:after { margin:30px auto; }
	.con1_2Txt { max-width:100%; font-size:13px; line-height:1.5; width:auto; padding:0 10px; }
	.ceo { margin-top:30px; font-size:14px; }
	.work #choice li a { font-size:13px; padding:15px 10px; }
	.container { width:330px; }
	dl#history { background:none; }
	dl#history dd { padding:22px 0; line-height:30px; }
	dl#history dd em { float:none; text-align:left; font-size:30px; padding-left:6%; }
	dl#history dd strong { max-width:40px; padding:0 10px 0 6%; }
	dl#history dd ul li { width:100%; font-size:13px; }
	#roadmap { margin-top:0; }
	#roadmap .item { width:28%; font-size:13px; }
	#roadmap .tt1_con { padding:12px 0; }
	#roadmap .tt2_con { padding:12px 0 12px 10px; font-size:13px; }
	td[valign='bottom'] { display:block; width:100% !important; padding:0 !important; }
	.gallery_subject { padding:0 0 0 12px !important; }
	.gallery_title { font-size:14px !important; }
	.gallery_etc { padding:0 0 15px 4px !important; margin-top:3px !important; }
	.gallery_etc font { line-height:19px !important; font-size:13px !important; }
	.board.webzine td[align='center'] { display:block; padding:35px 0 0 !important; width:100%; height:100%; border-bottom:0 !important; }
	.board.webzine td.bbsnewf5 { display:block; padding:10px 10px 20px !important; height:100%; }
	.board.webzine td.bbsnewf5 div[align='right'] { margin:18px 0 15px -4px !important; }
	.board td.bbsetc_add3 { font-size:12px; }
	.board td.bbsetc_add4 { line-height:1.2; font-size:10px !important; }
	.div_news_title { margin-top:0; }
	.news_title { font-size:15px !important; }
	.con1, .con1_2Txt, .con2, .con3, .con4, .con5, .con6, .comm_con { width:auto; padding:0 10px; }
	.board td,
	.board td a	{ font-size:12px !important; }
	.faqCon { max-width:94%; margin:0 auto; }
	.faqCon h4 { padding:14px 0; display:flex; }
	.faqCon h4 span { font-size:14px; }
	.faqCon h4 a { font-size:14px; }
	.faqCon h4 .sp_arrow { display:none; }
	.Inner_2 span.a_tit { left:20px; top:24px; font-size:10px; }
	.Inner_2 span.a_tit:after { width:20px; height:20px; }
	.Inner_2 span.Inner_2_con { font-size:13px; padding:20px 14px 20px 45px; }
	footer { position:static; padding:30px 0; }
	.footWrap { max-width:100%; margin:0 auto; }
	.comInfo { padding:0 4%; }
	.comInfo p { font-size:12px; }
	.csInfo { padding:40px 8% 0 4%; }
	.csInfo p { font-size:12px; }
	ul.bot_menu { margin-top:40px; }
	ul.bot_menu li a { font-size:12px; }
	ul.bot_menu li:nth-child(2),
	ul.bot_menu li:nth-child(3) { display:none; }
	.footCont .familySite { display:none; }
	.copy { margin:20px auto 0; font-size:12px; }
	#nd-popUp, #nd-popUp2 { padding:10px 0; max-width:100%; margin:20px auto; }
	.nomailClose { right:0; top:38px; }
	h2.priTitle { padding:20px 0 20px 20px; font-size:16px; }
	.nomailArea { padding:20px 15px; max-height:400px; overflow-y:auto; }
	.nomail_t { margin:15px auto 0; max-width:90%; font-size:13px; }
	.nomail_t:after { margin:20px auto; }
	.nomail_t .nomail_Txt { font-size:22px; }
	.nomail_2Txt { font-size:12px; line-height:1.55; }
	.talkArea { right:3%; bottom:110px; }
	#moveBtn .btn { display:none; }
}
@media all and (min-width:375px) and (max-width:479px) {
	.mbWrap { display:block; }
	.openBtn { position:fixed; top:28px; right:5%; z-index:999; -webkit-transition:all 0.45s ease-in-out; -moz-transition:all 0.45s ease-in-out; -o-transition:all 0.45s ease-in-out; -ms-transition:all 0.45s ease-in-out; transition:all 0.45s ease-in-out; }
	.openBtn a { display:block; width:38px; height:38px; background:url('../images/list.gif'); text-indent:-9999px; }
	.gnbBg_mb { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:9999; }
	.menuWrap { position:fixed; top:0; right:-250px; height:100%; width:250px; background-color:#fff; padding:43px 40px; box-sizing:border-box; z-index:99999; }
	.mbSec { margin:0 auto; width:auto; height:36px; border-bottom:2px solid #222; }
	.mbSec li { float:left; padding-right:12%; }
	.mbSec li:first-child { padding-left:15%; }
	nav#mbMenu { width:170px; padding-top:20px; }
	nav#mbMenu > ul > li.mm { position:relative; width:100%; height:52px; line-height:52px; border-top:1px solid #e2e2e2; }
	nav#mbMenu > ul > li.mm:first-child { border:0 }
	nav#mbMenu > ul > li.mm a { display:block; padding-left:30px; font-size:15px; font-weight:bold; color:#222; }
	nav#mbMenu > ul > li.mm a:hover { color:rgba(125,105,79,1); }
	ul.sm { width:100%; display:none; border-top:1px solid #e2e2e2; padding:10px 0 14px 0; }
	ul.sm li { border:0; }
	ul.sm li a { display:block; padding:4px 34px 4px; }
	ul.sm li a:hover,
	ul.sm li a:focus { color:#111; font-weight:bold; background:url('../images/dot.png') 22px 10px no-repeat; }
	.arrow { display:block; position:absolute; right:20px; top:0; width:9px; height:5px; }
	.closeBtn { position:absolute; top:62px; right:234px; z-index:999; }
	.closeBtn a { display:block; width:33px; height:33px; background-image:url('../images/cls_Btn.png'); text-indent:-9999px; }
	#topNotice { display:none; }
	#ndstmap { display:none; }
	#gnbWrap { height:90px; background:none; }
	#gnbWrap span.bg { top:90px; }
	#gnbWrap .inner h1 { top:32px; }
	#gnb { display:none; }
	.pcWrap { display:none; }
	.optbr { display:none; }
	#container_vis { height:600px; }
	#container_vis.main .visImg { height:600px; }
	#container_vis.main .visImg button.cir { top:60vh; }
	#container_vis.main .visImg .pic1 { background-position:-550px; }
	#container_vis.main .visImg .pic2 { background-position:-250px; }
	#container_vis.main .visImg .pic3 { background-position:-500px; }
	#container_vis.main .visImg .txtWrap { top:26vh; }
	#container_vis.main .visImg .txtWrap .mv_txt { max-width:310px; }
	#container_vis.main .visImg .txtWrap .mv_txt .viewBtn { margin-top:30px; }
	#container_vis.main .visImg .txtWrap .mv_txt .txt01 { font-size:34px; padding-bottom:5px; }
	#container_vis.main .visImg .txtWrap .mv_txt .txt02 { font-size:15px; line-height:1.45; }
	.scrollDown { display:none; }
	#mainCont { margin-bottom:0 !important; }
	#com_contents { padding:50px 0; }
	.subGreet { max-width:92%; padding:20px 0 0; }
	.subGreet .imgArea { float:none; margin:0 auto; width:auto; height:540px; }
	.subGreet .imgArea .line { width:200px; height:200px; opacity:1; filter:alpha(opacity=100); }
	.subGreet .imgArea .line > li:nth-child(1),
	.subGreet .imgArea .line > li:nth-child(3) { width:100%; height:1px; }
	.subGreet .imgArea .line > li:nth-child(2),
	.subGreet .imgArea .line > li:nth-child(4) { width:1px; height:100%; }
	.subGreet .imgArea .photo { opacity:1; filter:alpha(opacity=100); }
	.subGreet .imgArea .photo > img.logo { right:0; top:240px; padding:13px 13%; width:78px; }
	.subGreet .greetArea { float:none; margin:15px auto 0; width:100%; opacity:1; filter:alpha(opacity=100); }
	.subGreet .greetArea h3.greetTitle { margin-bottom:10px; font-size:26px; }
	.subGreet .greetArea > p { font-size:14px; margin-bottom:15px; line-height:1.6; }
	.greetArea .ceo { margin-top:20px; }
	#noticeArea { margin:0 auto; border-bottom:0; }
	#notice { max-width:100%; padding:40px 0; border-left:0; }
	#arrow_bg { display:none; }
	#arrow_bd { display:none; }
	#notice > h3.notice_t { left:15px; font-size:20px; }
	#notice > .notice_more { top:35px; left:185px; }
	#notice > .notice_more a { filter:alpha(opacity=100); -khtml-opacity:1; -moz-opacity:1; opacity:1; }
	.main_prodcts { padding:0 0 50px; }
	.main_prodcts h3 { font-size:26px; margin-bottom:15px; }
	#galloutWrap .board_output > tbody > tr { display:block; }
	#galloutWrap .board_output td.board_output_gallery_img:hover>a:before,
	#galloutWrap .board_output td.board_output_gallery_img>a:focus:before { opacity:0; }
	#galloutWrap .board_output td.board_output_gallery_img:hover>a:after,
	#galloutWrap .board_output td.board_output_gallery_img>a:focus:after { opacity:0; }
	#galloutWrap .board_output > tbody > tr > td { float:none; display:block; width:100%; margin:0; }
	#galloutWrap .board_output td.board_output_gallery_img { text-align:center; }
	#galloutWrap .board_output td.board_output_gallery_img img { width:90%; }
	#galloutWrap .board_output td > .board_output_gallery_subject { margin-top:15px; padding:0 20px; }
	#galloutWrap .board_output td > .board_output_gallery_etc { font-size:12px; margin:0 0 25px; padding:0 20px; }
	.main_prodcts .btn-wrap { margin:40px auto 0; width:40%; }
	#cs_contents { padding:50px 0; }
	.cs_title { margin:0 auto 20px; padding:0 35px; }
	.cs_title .cs_mTitle { font-size:34px; }
	.cs_title .cs_sTitle { font-size:13px; }
	.customer_t2 { margin:20px auto; max-width:92%; }
	.customer_t2 span { font-size:16px; padding:0 45px 10px; }
	.customer_t2 .customer_2_Txt { font-size:13px; text-align:left; }
	.cs_con { margin:40px auto 0; }
	#cs_table .tt1 { font-size:12px; padding:12px 0; }
	#cs_table .tt2 { font-size:12px; padding:12px 0; }
	#cs_table .tt3 { font-size:12px; padding:12px 0; }
	#cs_table .cc { font-size:13px; }
	#cs_table .dd { font-size:13px; }
	#cs_table .ee { font-size:12px; }
	#cs_table .tt1_con { padding:15px 6px; }
	.nodepop { display:none; }
	#subContents { margin-bottom:0 !important; padding:0; }
	#contents { margin:50px auto; min-height:auto; }
	.subVisImg { height:430px; }
	.subVisImg.subImg_1 .bgImg { background-position:50% 100%; }
	.subVisImg.subImg_2 .bgImg { background-position:45% 100%; }
	.subVisImg.subImg_3 .bgImg { background-position:25% 100%; }
	.subVisImg.subImg_4 .bgImg { background-position:25% 100%; }
	.subVisImg.subImg_5 .bgImg { background-position:22% 100%; }
	.subVisImg.subImg_6 .bgImg { background-position:50% 100%; }
	.txt_1 { font-size:28px; margin:50px 0 5px; }
	.txt_2 { font-size:13px; line-height:1.3; padding:0 10px; }
	#pageCogn { border-bottom:0; }
	#pageCogn ul { display:block; }
	#pageCogn ul > li { display:block; width:100%; height:50px; line-height:50px; padding:0; background:none; border-bottom:1px solid #E8E8E8; }
	#pageCogn ul > li > a { font-size:14px; }
	#pageCogn ul > li > a:before { display:none; }
	#pageCogn ul > li > a.on,
	#pageCogn ul > li:hover > a { background:rgba(125,105,79,1); color:#FFF; }
	h3.main_t { margin:50px 4%; font-size:26px; }
	.con1Txt { max-width:90%; font-size:17px; margin:0 auto 30px; width:auto; padding:0 25px; }
	.con1Txt:after { margin:30px auto; }
	.con1_2Txt { max-width:100%; font-size:14px; line-height:1.55; width:auto; padding:0 10px; }
	.ceo { margin-top:30px; font-size:14px; }
	.work #choice li a { font-size:14px; padding:15px 10px; }
	.container { width:360px; }
	dl#history { background:none; }
	dl#history dd { padding:22px 0; line-height:30px; }
	dl#history dd em { float:none; text-align:left; font-size:32px; padding-left:6%; }
	dl#history dd strong { max-width:40px; padding:0 10px 0 6%; }
	dl#history dd ul li { width:100%; font-size:13px; }
	#roadmap { margin-top:0; }
	#roadmap .item { width:28%; font-size:13px; }
	#roadmap .tt1_con { padding:12px 0; }
	#roadmap .tt2_con { padding:12px 0 12px 10px; font-size:13px; }
	.bbsnewf5 td[valign='bottom'] { padding:0 1px !important; }
	.gallery_subject { line-height:15px !important; padding:0 8px 0 5px !important; }
	.gallery_title { font-size:12px !important; }
	.gallery_etc { padding:0 5px 10px 0 !important; margin:4px 0 0 -14px !important; }
	.gallery_etc font { line-height:14px !important; font-size:10px !important; }
	.gallery_etc font:nth-of-type(1) { padding-left:13px; } 
	.gallery_etc font:nth-of-type(2) { padding-left:18px; }
	.board.webzine td[align='center'] { display:block; padding:35px 0 0 !important; width:100%; height:100%; border-bottom:0 !important; }
	.board.webzine td.bbsnewf5 { display:block; padding:10px 10px 20px !important; height:100%; }
	.board.webzine td.bbsnewf5 div[align='right'] { margin:18px 0 15px -4px !important; }
	.board td.bbsetc_add3 { font-size:12px; }
	.board td.bbsetc_add4 { line-height:1.2; font-size:11px !important; }
	.div_news_title { margin-top:0; }
	.news_title { font-size:15px !important; }
	.con1, .con1_2Txt, .con2, .con3, .con4, .con5, .con6, .comm_con { width:auto; padding:0 10px; }
	.board td,
	.board td a	{ font-size:12px !important; }
	.faqCon { max-width:94%; margin:0 auto; }
	.faqCon h4 { padding:14px 0; display:flex; }
	.faqCon h4 span { font-size:14px; }
	.faqCon h4 a { font-size:14px; }
	.faqCon h4 .sp_arrow { display:none; }
	.Inner_2 span.a_tit { left:20px; top:24px; font-size:10px; }
	.Inner_2 span.a_tit:after { width:20px; height:20px; }
	.Inner_2 span.Inner_2_con { font-size:13px; padding:20px 14px 20px 45px; }
	footer { position:static; padding:30px 0; }
	.footWrap { max-width:100%; margin:0 auto; }
	.comInfo { padding:0 4%; }
	.comInfo p { font-size:12px; }
	.csInfo { padding:40px 8% 0 4%; }
	.csInfo p { font-size:12px; }
	ul.bot_menu { margin-top:40px; }
	ul.bot_menu li a { font-size:12px; }
	ul.bot_menu li:nth-child(2),
	ul.bot_menu li:nth-child(3) { display:none; }
	.footCont .familySite { display:none; }
	.copy { margin:20px auto 0; font-size:12px; }
	#nd-popUp, #nd-popUp2 { padding:10px 0; max-width:100%; margin:20px auto; }
	.nomailClose { right:0; top:38px; }
	h2.priTitle { padding:20px 0 20px 20px; font-size:16px; }
	.nomailArea { padding:20px 15px; max-height:400px; overflow-y:auto; }
	.nomail_t { margin:15px auto 0; max-width:86%; font-size:13px; }
	.nomail_t:after { margin:20px auto; }
	.nomail_t .nomail_Txt { font-size:22px; }
	.nomail_2Txt { font-size:13px; line-height:1.55; }
	.talkArea { right:4%; bottom:130px; }
	#moveBtn .btn { display:none; }
}
@media all and (min-width:480px) and (max-width:600px) {
	.mbWrap { display:block; }
	.openBtn { position:fixed; top:28px; right:5%; z-index:999; -webkit-transition:all 0.45s ease-in-out; -moz-transition:all 0.45s ease-in-out; -o-transition:all 0.45s ease-in-out; -ms-transition:all 0.45s ease-in-out; transition:all 0.45s ease-in-out; }
	.openBtn a { display:block; width:38px; height:38px; background:url('../images/list.gif'); text-indent:-9999px; }
	.gnbBg_mb { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:9999; }
	.menuWrap { position:fixed; top:0; right:-250px; height:100%; width:250px; background-color:#fff; padding:43px 40px; box-sizing:border-box; z-index:99999; }
	.mbSec { margin:0 auto; width:auto; height:36px; border-bottom:2px solid #222; }
	.mbSec li { float:left; padding-right:12%; }
	.mbSec li:first-child { padding-left:15%; }
	nav#mbMenu { width:170px; padding-top:20px; }
	nav#mbMenu > ul > li.mm { position:relative; width:100%; height:52px; line-height:52px; border-top:1px solid #e2e2e2; }
	nav#mbMenu > ul > li.mm:first-child { border:0 }
	nav#mbMenu > ul > li.mm a { display:block; padding-left:30px; font-size:15px; font-weight:bold; color:#222; }
	nav#mbMenu > ul > li.mm a:hover { color:rgba(125,105,79,1); }
	ul.sm { width:100%; display:none; border-top:1px solid #e2e2e2; padding:10px 0 14px 0; }
	ul.sm li { border:0; }
	ul.sm li a { display:block; padding:4px 34px 4px; }
	ul.sm li a:hover,
	ul.sm li a:focus { color:#111; font-weight:bold; background:url('../images/dot.png') 22px 10px no-repeat; }
	.arrow { display:block; position:absolute; right:20px; top:0; width:9px; height:5px; }
	.closeBtn { position:absolute; top:62px; right:234px; z-index:999; }
	.closeBtn a { display:block; width:33px; height:33px; background-image:url('../images/cls_Btn.png'); text-indent:-9999px; }
	#topNotice { display:none; }
	#ndstmap { display:none; }
	#gnbWrap { height:90px; background:none; }
	#gnbWrap span.bg { top:90px; }
	#gnbWrap .inner h1 { top:32px; }
	#gnb { display:none; }
	.pcWrap { display:none; }
	.optbr { display:none; }
	#container_vis { height:600px; }
	#container_vis.main .visImg { height:600px; }
	#container_vis.main .visImg button.cir { top:78vh; }
	#container_vis.main .visImg .pic1 { background-position:-200px; }
	#container_vis.main .visImg .pic2 { background-position:-100px; }
	#container_vis.main .visImg .pic3 { background-position:-200px; }
	#container_vis.main .visImg .txtWrap { top:30vh; }
	#container_vis.main .visImg .txtWrap .mv_txt { max-width:350px; }
	#container_vis.main .visImg .txtWrap .mv_txt .viewBtn { margin-top:30px; }
	#container_vis.main .visImg .txtWrap .mv_txt .txt01 { font-size:36px; padding-bottom:5px; }
	#container_vis.main .visImg .txtWrap .mv_txt .txt02 { font-size:15px; line-height:1.45; }
	.scrollDown { display:none; }
	#mainCont { margin-bottom:0 !important; }
	#com_contents { padding:50px 0; }
	.subGreet { max-width:94%; padding:20px 0 0; }
	.subGreet .imgArea { width:180px; padding:30px 0 0 50px; }
	.subGreet .imgArea .line { width:110px; height:110px; }
	.subGreet .imgArea .line > li:nth-child(1),
	.subGreet .imgArea .line > li:nth-child(3) { width:100%; height:1px; }
	.subGreet .imgArea .line > li:nth-child(2),
	.subGreet .imgArea .line > li:nth-child(4) { width:1px; height:100%; }
	.subGreet.onView .imgArea .line { width:110px; height:110px; }
	.subGreet .imgArea .photo { top:10px; }
	.subGreet .imgArea .photo > img.logo { right:0; top:100px; padding:11px 11%; width:46px; }
	.subGreet .greetArea { width:calc(100% - 200px); opacity:1; filter:alpha(opacity=100); }
	.subGreet .greetArea h3.greetTitle { margin-bottom:10px; font-size:24px; }
	.subGreet .greetArea > p { font-size:13px; margin-bottom:15px; line-height:1.65; }
	.greetArea .ceo { margin-top:20px; }
	.greetArea .signArea { float:left; }
	#noticeArea { margin:0 auto; border-bottom:0; }
	#notice { max-width:100%; padding:50px 0; border-left:0; }
	#arrow_bg { display:none; }
	#arrow_bd { display:none; }
	#notice > h3.notice_t { left:25px; font-size:20px; }
	#notice > .notice_more { top:46px; left:195px; }
	#notice > .notice_more a { filter:alpha(opacity=100); -khtml-opacity:1; -moz-opacity:1; opacity:1; }
	.main_prodcts { padding:0 0 50px; }
	.main_prodcts h3 { font-size:28px; margin-bottom:15px; }
	#galloutWrap .board_output { max-width:96%; margin:0 auto; }
	#galloutWrap .board_output > tbody > tr { display:block; }
	#galloutWrap .board_output td.board_output_gallery_img:hover>a:before,
	#galloutWrap .board_output td.board_output_gallery_img>a:focus:before { opacity:0; }
	#galloutWrap .board_output td.board_output_gallery_img:hover>a:after,
	#galloutWrap .board_output td.board_output_gallery_img>a:focus:after { opacity:0; }
	#galloutWrap .board_output > tbody > tr > td { width:47.8%; margin-right:10px; }
	#galloutWrap .board_output > tbody > tr > td:nth-child(2n) { margin-left:10px; margin-right:0; }
	#galloutWrap .board_output td.board_output_gallery_img { text-align:center; }
	#galloutWrap .board_output td > .board_output_gallery_subject { margin-top:15px; }
	#galloutWrap .board_output td > .board_output_gallery_etc { font-size:12px; margin:0 0 25px; }
	.main_prodcts .btn-wrap { margin:30px auto 0; width:40%; }
	#cs_contents { padding:50px 0; }
	.cs_title { margin:0 auto 20px; padding:0 85px; }
	.cs_title .cs_mTitle { font-size:34px; }
	.cs_title .cs_sTitle { font-size:13px; }
	.customer_t2 { margin:20px auto; max-width:92%; }
	.customer_t2 span { font-size:18px; }
	.customer_t2 .customer_2_Txt { font-size:14px; text-align:left; }
	.cs_con { margin:40px auto 0; }
	#cs_table .tt1 { font-size:14px; padding:14px 0; }
	#cs_table .tt2 { font-size:14px; padding:14px 0; }
	#cs_table .tt3 { font-size:14px; padding:14px 0; }
	#cs_table .cc { font-size:14px; }
	#cs_table .dd { font-size:14px; }
	#cs_table .ee { font-size:14px; }
	#cs_table .tt1_con { padding:15px 6px; }
	.nodepop { display:none; }
	#subContents { margin-bottom:0 !important; padding:0; }
	#contents { margin:50px auto; width:100%; min-height:auto; }
	.subVisImg { height:500px; }
	.subVisImg.subImg_1 .bgImg { background-position:50% 100%; }
	.subVisImg.subImg_2 .bgImg { background-position:45% 100%; }
	.subVisImg.subImg_3 .bgImg { background-position:20% 100%; }
	.subVisImg.subImg_4 .bgImg { background-position:55% 100%; }
	.subVisImg.subImg_5 .bgImg { background-position:22% 100%; }
	.subVisImg.subImg_6 .bgImg { background-position:50% 100%; }
	.txt_1 { font-size:36px; margin:50px 0 5px; }
	.txt_2 { font-size:13px; padding:0 10px; }
	#pageCogn { border-bottom:0; }
	#pageCogn ul { display:block; }
	#pageCogn ul > li { display:block; width:100%; height:50px; line-height:50px; padding:0; background:none; border-bottom:1px solid #E8E8E8; }
	#pageCogn ul > li > a { font-size:14px; }
	#pageCogn ul > li > a:before { display:none; }
	#pageCogn ul > li > a.on,
	#pageCogn ul > li:hover > a { background:rgba(125,105,79,1); color:#FFF; }
	h3.main_t { margin:50px 4%; font-size:28px; }
	.con1Txt { max-width:90%; font-size:18px; margin:0 auto 30px; width:auto; padding:0 35px; }
	.con1Txt:after { margin:30px auto; }
	.con1_2Txt { max-width:100%; font-size:14px; line-height:1.55; width:auto; padding:0 10px; }
	.ceo { margin-top:30px; }
	.work #choice li a { font-size:14px; }
	.container { width:440px; }
	.portfolio-thumbs { margin:0 2px 2px 0; }
	dl#history { background:none; }
	dl#history dd { padding:25px 0; line-height:34px; }
	dl#history dd em { float:none; font-size:34px; text-align:left; padding-left:7%; line-height:66px; }
	dl#history dd strong { max-width:40px; padding:0 15px 0 7%; }
	dl#history dd ul li { width:100%; font-size:14px; }
	#roadmap .item { width:22%; font-size:13px; }
	#roadmap .tt2_con { padding:12px 0 12px 15px; font-size:13px; }
	.bbsnewf5 td[valign='bottom'] { padding:0 2px !important; }
	.gallery_subject { line-height:18px !important; padding:0 9px !important; }
	.gallery_title { font-size:14px !important; }
	.gallery_etc { padding:0 5px 15px !important; margin:6px 0 0 -15px !important; }
	.gallery_etc font { line-height:17px !important; }
	.board.webzine td[align='center'] { width:35%; }
	.board.webzine td.bbsnewf5 { padding:30px 5px 30px 20px !important; }
	.board.webzine td.bbsnewf5 div[align='right'] { margin:18px 0 0 -4px !important; }
	.board td.bbsetc_add3 { font-size:12px; }
	.board td.bbsetc_add4 { line-height:1.2; font-size:11px !important; }
	.div_news_title { margin-top:0 !important; }
	.news_title { font-size:15px !important; }
	.con1, .con1_2Txt, .con2, .con3, .con4, .con5, .con6, .comm_con { width:auto; padding:0 10px; }
	.board td,
	.board td a	{ font-size:12px !important; }
	.faqCon { max-width:94%; margin:0 auto; }
	.faqCon h4 { padding:18px 0; display:flex; }
	.faqCon h4 span { font-size:14px; }
	.faqCon h4 a { font-size:14px; }
	.faqCon h4 .sp_arrow { display:none; }
	.Inner_2 span.a_tit { left:20px; top:24px; font-size:10px; }
	.Inner_2 span.a_tit:after { width:20px; height:20px; }
	.Inner_2 span.Inner_2_con { font-size:13px; padding:20px 14px 20px 45px; }
	footer { position:static; padding:30px 0; }
	.footWrap { max-width:100%; margin:0 auto 30px; }
	.comInfo { padding:0 6%; }
	.comInfo p { font-size:13px; }
	.csInfo { padding:30px 10% 0 6%; }
	.csInfo p { font-size:13px; }
	ul.bot_menu { margin-top:28px; }
	ul.bot_menu li a { font-size:13px; }
	ul.bot_menu li:nth-child(2),
	ul.bot_menu li:nth-child(3) { display:none; }
	.footCont .familySite { display:none; }
	.copy { font-size:13px; padding:30px 0 0; }
	#nd-popUp, #nd-popUp2 { padding:10px 0; max-width:100%; margin:20px auto; }
	.nomailClose { right:0; top:38px; }
	h2.priTitle { padding:20px 0 20px 20px; font-size:16px; }
	.nomailArea { padding:20px 15px; max-height:170px; overflow-y:auto; }
	.nomail_t { margin:15px auto 0; max-width:74%; font-size:14px; }
	.nomail_t:after { margin:20px auto; }
	.nomail_t .nomail_Txt { font-size:23px; }
	.nomail_2Txt { font-size:14px; line-height:1.55; }
	.talkArea { right:3%; bottom:100px; }
	#moveBtn .btn { display:none; }
}
@media all and (min-width:601px) and (max-width:767px) {
	.mbWrap { display:block; }
	.openBtn { position:fixed; top:28px; right:5%; z-index:999; -webkit-transition:all 0.45s ease-in-out; -moz-transition:all 0.45s ease-in-out; -o-transition:all 0.45s ease-in-out; -ms-transition:all 0.45s ease-in-out; transition:all 0.45s ease-in-out; }
	.openBtn a { display:block; width:38px; height:38px; background:url('../images/list.gif'); text-indent:-9999px; }
	.gnbBg_mb { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:9999; }
	.menuWrap { position:fixed; top:0; right:-250px; height:100%; width:250px; background-color:#fff; padding:43px 40px; box-sizing:border-box; z-index:99999; }
	.mbSec { margin:0 auto; width:auto; height:36px; border-bottom:2px solid #222; }
	.mbSec li { float:left; padding-right:12%; }
	.mbSec li:first-child { padding-left:15%; }
	nav#mbMenu { width:170px; padding-top:20px; }
	nav#mbMenu > ul > li.mm { position:relative; width:100%; height:52px; line-height:52px; border-top:1px solid #e2e2e2; }
	nav#mbMenu > ul > li.mm:first-child { border:0 }
	nav#mbMenu > ul > li.mm a { display:block; padding-left:30px; font-size:15px; font-weight:bold; color:#222; }
	nav#mbMenu > ul > li.mm a:hover { color:rgba(125,105,79,1); }
	ul.sm { width:100%; display:none; border-top:1px solid #e2e2e2; padding:10px 0 14px 0; }
	ul.sm li { border:0; }
	ul.sm li a { display:block; padding:4px 34px 4px; }
	ul.sm li a:hover,
	ul.sm li a:focus { color:#111; font-weight:bold; background:url('../images/dot.png') 22px 10px no-repeat; }
	.arrow { display:block; position:absolute; right:20px; top:0; width:9px; height:5px; }
	.closeBtn { position:absolute; top:62px; right:234px; z-index:999; }
	.closeBtn a { display:block; width:33px; height:33px; background-image:url('../images/cls_Btn.png'); text-indent:-9999px; }
	#topNotice { display:none; }
	#ndstmap { display:none; }
	#gnbWrap { height:90px; }
	#gnbWrap span.bg { top:90px; }
	#gnbWrap .inner h1 { top:32px; }
	#gnb { display:none; }
	.pcWrap { display:none; }
	#container_vis.main .visImg button.cir { top:85vh; }
	#container_vis.main .visImg .txtWrap { top:35vh; }
	#container_vis.main .visImg .txtWrap .mv_txt { max-width:410px; }
	#container_vis.main .visImg .txtWrap .mv_txt .viewBtn { margin-top:25px; }
	#container_vis.main .visImg .txtWrap .mv_txt .txt01 { font-size:34px; padding-bottom:0; }
	#container_vis.main .visImg .txtWrap .mv_txt .txt02 { font-size:13px; line-height:1.45; }
	.scrollDown { display:none; }
	#mainCont { margin-bottom:0 !important; }
	#com_contents { padding:60px 0; }
	.subGreet { max-width:94%; padding:20px 0 0; }
	.subGreet .imgArea { width:180px; padding:30px 0 0 50px; }
	.subGreet .imgArea .line { width:110px; height:110px; }
	.subGreet .imgArea .line > li:nth-child(1),
	.subGreet .imgArea .line > li:nth-child(3) { width:100%; height:1px; }
	.subGreet .imgArea .line > li:nth-child(2),
	.subGreet .imgArea .line > li:nth-child(4) { width:1px; height:100%; }
	.subGreet.onView .imgArea .line { width:110px; height:110px; }
	.subGreet .imgArea .photo { top:10px; }
	.subGreet .imgArea .photo > img.logo { right:0; top:100px; padding:11px 11%; width:46px; }
	.subGreet .greetArea { width:calc(100% - 200px); opacity:1; filter:alpha(opacity=100); }
	.subGreet .greetArea h3.greetTitle { margin-bottom:10px; font-size:26px; }
	.subGreet .greetArea > p { font-size:13px; margin-bottom:15px; line-height:1.65; }
	.greetArea .ceo { margin-top:20px; }
	.greetArea .signArea { float:left; }
	#noticeArea { margin:0 auto; border-bottom:0; }
	#notice { max-width:100%; padding:50px 0; border-left:0; }
	#arrow_bg { display:none; }
	#arrow_bd { display:none; }
	#notice > h3.notice_t { left:30px; font-size:20px; }
	#notice > .notice_more { top:46px; left:195px; }
	#notice > .notice_more a { filter:alpha(opacity=100); -khtml-opacity:1; -moz-opacity:1; opacity:1; }
	.main_prodcts { padding:0 0 60px; }
	.main_prodcts h3 { font-size:30px; margin-bottom:15px; }
	#galloutWrap .board_output { max-width:94%; margin:0 auto; }
	#galloutWrap .board_output > tbody > tr { display:block; }
	#galloutWrap .board_output td.board_output_gallery_img:hover>a:before,
	#galloutWrap .board_output td.board_output_gallery_img>a:focus:before { opacity:0; }
	#galloutWrap .board_output td.board_output_gallery_img:hover>a:after,
	#galloutWrap .board_output td.board_output_gallery_img>a:focus:after { opacity:0; }
	#galloutWrap .board_output > tbody > tr > td { width:47.8%; margin-right:12px; }
	#galloutWrap .board_output > tbody > tr > td:nth-child(2n) { margin-left:12px; margin-right:0; }
	#galloutWrap .board_output td.board_output_gallery_img { text-align:center; }
	#galloutWrap .board_output td > .board_output_gallery_subject { margin-top:15px; }
	#galloutWrap .board_output td > .board_output_gallery_etc { font-size:12px; margin:0 0 25px; }
	.main_prodcts .btn-wrap { margin:30px auto 0; width:30%; }
	#cs_contents { padding:60px 0; }
	.cs_title { margin:0 auto 20px; }
	.cs_title .cs_mTitle { font-size:36px; }
	.cs_title .cs_sTitle { font-size:14px; }
	.customer_t2 { margin:20px auto; max-width:92%; }
	.customer_t2 span { font-size:20px; }
	.customer_t2 .customer_2_Txt { font-size:14px; text-align:left; }
	.cs_con { margin:40px auto 0; }
	#cs_table .tt1 { font-size:16px; padding:16px 0; }
	#cs_table .tt2 { font-size:16px; padding:16px 0; }
	#cs_table .tt3 { font-size:16px; padding:16px 0; }
	#cs_table .cc { font-size:16px; }
	#cs_table .dd { font-size:16px; }
	#cs_table .ee { font-size:16px; }
	#cs_table .tt1_con { padding:16px 6px; }
	.nodepop { display:none; }
	.subVisImg { height:450px; }
	.subVisImg .bgImg { background-position:50% 100%; }
	.txt_1 { font-size:36px; margin:50px 0 5px; }
	.txt_2 { font-size:14px; padding:0 10px; }
	#subContents { margin-bottom:0 !important; padding:0; }
	#contents { margin:50px auto; width:100%; min-height:auto; }
	#pageCogn ul > li { height:68px; line-height:68px; padding:0 20px; }
	#pageCogn ul > li > a { font-size:14px; }
	h3.main_t { margin:50px 4%; font-size:30px; }
	.con1Txt { font-size:18px; margin:0 auto 30px; }
	.con1Txt:after { margin:30px auto; }
	.con1_2Txt { font-size:13px; max-width:100%; line-height:1.55; width:auto; padding:0 10px; }
	.ceo { margin-top:35px; }
	.work #choice li a { font-size:14px; }
	.container { width:580px; }
	.portfolio-thumbs { margin:0 2px 2px 0; }
	dl#history { background:none; }
	dl#history dd em { max-width:160px; font-size:34px; }
	dl#history dd strong{ max-width:50px; }
	dl#history dd ul li { max-width:auto; }
	#roadmap .item { width:25%; }
	.bbsnewf5 td[valign='bottom'] { padding:0 2px !important; }
	.gallery_subject { line-height:18px !important; padding:0 9px !important; }
	.gallery_title { font-size:14px !important; }
	.gallery_etc { padding:0 5px 15px !important; margin:6px 0 0 -15px !important; }
	.gallery_etc font { line-height:17px !important; }
	.board.webzine td[align='center'] { width:35%; }
	.board.webzine td.bbsnewf5 { padding:30px 5px 30px 20px !important; }
	.board.webzine td.bbsnewf5 div[align='right'] { margin:18px 0 0 -4px !important; }
	.div_news_title { margin-top:0 !important; }
	.news_title { font-size:15px !important; }
	.con1, .con1_2Txt, .con2, .con3, .con4, .con5, .con6, .comm_con { width:auto; padding:0 10px; }
	.faqCon { max-width:94%; margin:0 auto; }
	.faqCon h4 { padding:18px 0; display:flex; }
	.faqCon h4 span { font-size:15px; }
	.faqCon h4 a { font-size:15px; }
	.faqCon h4 .sp_arrow { display:none; }
	.Inner_2 span.a_tit { left:20px; top:24px; font-size:10px; }
	.Inner_2 span.a_tit:after { width:20px; height:20px; }
	.Inner_2 span.Inner_2_con { font-size:14px; padding:20px 14px 20px 45px; }
	footer { position:static; }
	.footWrap { max-width:100%; margin:0 auto; }
	.footCont { padding:50px 0 0; }
	.comInfo { padding:0 2%; }
	.comInfo p { font-size:12px; }
	.csInfo { padding:0 4%; }
	.csInfo p { font-size:12px; }
	ul.bot_menu li a { font-size:12px; }
	ul.bot_menu li:nth-child(2),
	ul.bot_menu li:nth-child(3) { display:none; }
	.footCont .familySite { display:none; }
	.copy { font-size:13px; padding:30px 0; }
	#nd-popUp, #nd-popUp2 { padding:10px 0; max-width:100%; margin:20px auto; }
	.nomailClose { right:0; top:38px; }
	h2.priTitle { padding:20px 0 20px 20px; font-size:16px; }
	.nomailArea { padding:20px 15px; max-height:110px; overflow-y:auto; }
	.nomail_t { margin:15px auto 0; max-width:56%; font-size:14px; }
	.nomail_t:after { margin:20px auto; }
	.nomail_t .nomail_Txt { font-size:22px; }
	.nomail_2Txt { font-size:13px; line-height:1.55; }
	.talkArea { right:3%; bottom:30px; }
	#moveBtn .btn { display:none; }
}
@media all and (min-width:768px) and (max-width:819px) {
	#topNotice .topNoticeArea p.banCls { right:40px; }
	#ndstmap .qmenu-btn { top:440px; }
	#ndstmap .qmenu-btn-cls { top:75px; padding:0 40px; font-size:13px; line-height:50px; }
	.sitemapArea { margin:100px auto 0; }
	#gnbWrap .inner .pds { right:15%; }
	#gnb { display:none; }
	#container_vis.main .visImg button.cir { top:74vh; }
	#container_vis.main .visImg .txtWrap { top:30vh; }
	#container_vis.main .visImg .txtWrap .mv_txt { max-width:500px; }
	#container_vis.main .visImg .txtWrap .mv_txt .viewBtn { margin-top:30px; }
	#container_vis.main .visImg .txtWrap .mv_txt .txt01 { font-size:46px; padding-bottom:5px; }
	#container_vis.main .visImg .txtWrap .mv_txt .txt02 { font-size:16px; line-height:1.5; }
	.scrollDown { display:none; }
	#mainCont { margin-bottom:0 !important; }
	#com_contents { padding:60px 0; }
	.subGreet { max-width:94%; padding:20px 0 0; }
	.subGreet .imgArea { width:280px; padding:30px 0 0 50px; }
	.subGreet .imgArea .line { width:190px; height:190px; }
	.subGreet .imgArea .line > li:nth-child(1),
	.subGreet .imgArea .line > li:nth-child(3) { width:100%; height:1px; }
	.subGreet .imgArea .line > li:nth-child(2),
	.subGreet .imgArea .line > li:nth-child(4) { width:1px; height:100%; }
	.subGreet .imgArea .photo > img.logo { right:0; top:180px; padding:13px 13%; width:78px; }
	.subGreet .greetArea { width:calc(100% - 310px); opacity:1; filter:alpha(opacity=100); }
	.subGreet .greetArea h3.greetTitle { font-size:28px; margin-bottom:15px; }
	.subGreet .greetArea > p { font-size:14px; margin-bottom:15px; line-height:1.65; }
	.greetArea .ceo { margin-top:30px; }
	#noticeArea { margin:0 auto; border-bottom:0; }
	#notice { border-left:0; }
	#arrow_bg { display:none; }
	#arrow_bd { display:none; }
	#notice > h3.notice_t { left:45px; }
	#notice > .notice_more { left:258px; }
	#notice > .notice_more a { filter:alpha(opacity=100); -khtml-opacity:1; -moz-opacity:1; opacity:1; }
	.main_prodcts { padding:0 0 60px; }
	.main_prodcts h3 { font-size:30px; margin-bottom:20px; }
	#galloutWrap .board_output { max-width:90%; margin:0 auto; }
	#galloutWrap .board_output > tbody > tr { display:block; }
	#galloutWrap .board_output td.board_output_gallery_img:hover>a:before,
	#galloutWrap .board_output td.board_output_gallery_img>a:focus:before { opacity:0; }
	#galloutWrap .board_output td.board_output_gallery_img:hover>a:after,
	#galloutWrap .board_output td.board_output_gallery_img>a:focus:after { opacity:0; }
	#galloutWrap .board_output > tbody > tr > td { width:48%; margin-right:13px; }
	#galloutWrap .board_output > tbody > tr > td:nth-child(2n) { margin-left:13px; margin-right:0; }
	#galloutWrap .board_output td.board_output_gallery_img { text-align:center; }
	#galloutWrap .board_output td > .board_output_gallery_subject { margin-top:15px; }
	#galloutWrap .board_output td > .board_output_gallery_etc { font-size:12px; margin:0 0 25px; }
	.main_prodcts .btn-wrap { margin:30px auto 0; width:30%; }
	#cs_contents { padding:60px 0; }
	.cs_title { margin:0 auto 25px; }
	.cs_title .cs_mTitle { font-size:42px; }
	.cs_title .cs_sTitle { font-size:15px; }
	.customer_t2 { margin:30px auto; max-width:100%; }
	.customer_t2 span { font-size:24px; }
	.customer_t2 .customer_2_Txt { font-size:16px; }
	.cs_con { margin:40px auto 0; }
	#cs_table .tt1 { font-size:16px; padding:16px 0; }
	#cs_table .tt2 { font-size:16px; padding:16px 0; }
	#cs_table .tt3 { font-size:16px; padding:16px 0; }
	#cs_table .cc { font-size:16px; }
	#cs_table .dd { font-size:16px; }
	#cs_table .ee { font-size:16px; }
	#cs_table .tt1_con { padding:16px 6px; }
	.nodepop { display:none; }
	#subContents { margin-bottom:0 !important; padding:0; }
	.subVisImg { height:600px; }
	.txt_1 { font-size:42px; }
	.txt_2 { font-size:16px; }
	#pageCogn ul > li { padding:0 26px; }
	#pageCogn ul > li > a { font-size:14px; }
	#contents { margin:61px 0 100px; }
	h3.main_t { margin:61px 3% 0 3%; }
	.con1Txt { font-size:18px; margin:0 auto 30px; }
	.con1Txt:after { margin:30px auto; }
	.con1_2Txt { width:auto; max-width:96%; font-size:14px; line-height:1.55; }
	.ceo { margin-top:35px; }
	.container { width:686px; }
	.portfolio-thumbs { margin:0 2px 2px 0; }
	dl#history { background:none; }
	dl#history dd em { max-width:180px; font-size:34px; }
	dl#history dd strong{ max-width:60px; }
	dl#history dd ul li { max-width:auto; }
	.bbsnewf5 td[valign='bottom'] { padding:0 3px !important; }
	.gallery_subject { line-height:18px !important; padding:0 9px !important; }
	.gallery_title { font-size:14px !important; }
	.gallery_etc { padding:0 5px 15px !important; margin:6px 0 0 -15px !important; }
	.gallery_etc font { line-height:19px !important; }
	.board.webzine td[align='center'] { width:35%; }
	.board.webzine td.bbsnewf5 { padding:30px 5px 30px 20px !important; }
	.board.webzine td.bbsnewf5 div[align='right'] { margin:18px 0 0 -4px !important; }
	.div_news_title { margin-top:0 !important; }	
	.con1, .con1_2Txt, .con2, .con3, .con4, .con5, .con6, .comm_con { width:auto; padding:0 10px; }
	.faqCon { max-width:94%; margin:0 auto; }
	.faqCon h4 { padding:24px 0; }
	.faqCon h4 span { font-size:16px; }
	.faqCon h4 a { font-size:16px; }
	.Inner_2 span.a_tit { font-size:12px; }
	.Inner_2 span.a_tit:after { width:22px; height:22px; }	
	dl#sitemap dd em { max-width:110px; padding-right:30px; }
	dl#sitemap dd ul li:first-child { padding-left:10px; }
	dl#sitemap dd ul li a { padding:2px 12px; font-size:13px; }
	footer { position:static; }
	.footWrap { max-width:100%; margin:0 auto; }
	.footCont { padding:60px 0 0; }
	.comInfo { padding:0 4%; }
	.comInfo p { font-size:13px; }
	.csInfo { padding:0 6% 0 4%; }
	.csInfo p { font-size:13px; }
	ul.bot_menu li a { font-size:13px; }
	ul.bot_menu li:nth-child(2),
	ul.bot_menu li:nth-child(3) { display:none; }
	.footCont .familySite { display:none; }
	.copy { font-size:13px; padding:30px 0; }
	#nd-popUp, #nd-popUp2 { padding:10px 0; max-width:100%; margin:20px auto; }
	.nomailClose { right:0; top:38px; }
	h2.priTitle { padding:20px 0 20px 20px; font-size:16px; }
	.nomailArea { padding:20px 15px; max-height:400px; overflow-y:auto; }
	.nomail_t { margin:15px auto 0; max-width:auto; font-size:14px; }
	.nomail_t:after { margin:20px auto; }
	.nomail_t .nomail_Txt { font-size:24px; }
	.nomail_2Txt { font-size:14px; line-height:1.55; }
	.talkArea { right:3%; bottom:235px; }
	#moveBtn .btn { display:none; }	
	#quickBtn { height:0; }
}
@media all and (min-width:820px) and (max-width:1023px) {
	#topNotice .topNoticeArea p.banCls { right:40px; }
	#ndstmap .qmenu-btn { top:440px; }
	#ndstmap .qmenu-btn-cls { top:75px; padding:0 40px; font-size:13px; line-height:50px; }
	.sitemapArea { margin:100px auto 0; }
	dl#sitemap dd em { padding-left:5%; }
	#gnbWrap .inner .pds { right:13%; }
	#gnb { display:none; }
	#container_vis.main .visImg button.cir { top:83vh; }
	#container_vis.main .visImg .txtWrap { top:28vh; }
	#container_vis.main .visImg .txtWrap .mv_txt { max-width:540px; }
	#container_vis.main .visImg .txtWrap .mv_txt .viewBtn { margin-top:30px; }
	#container_vis.main .visImg .txtWrap .mv_txt .txt01 { font-size:50px; padding-bottom:5px; }
	#container_vis.main .visImg .txtWrap .mv_txt .txt02 { font-size:18px; line-height:1.5; }
	.scrollDown { display:none; }
	#mainCont { margin-bottom:0 !important; }
	#com_contents { padding:70px 0; }
	.subGreet { max-width:94%; padding:20px 0 0; }
	.subGreet .imgArea { width:300px; padding:30px 0 0 50px; }
	.subGreet .imgArea .line { width:190px; height:190px; }
	.subGreet .imgArea .line > li:nth-child(1),
	.subGreet .imgArea .line > li:nth-child(3) { width:100%; height:1px; }
	.subGreet .imgArea .line > li:nth-child(2),
	.subGreet .imgArea .line > li:nth-child(4) { width:1px; height:100%; }
	.subGreet .imgArea .photo > img.logo { right:0; top:230px; padding:13px 13%; width:78px; }
	.subGreet .greetArea { width:calc(100% - 330px); opacity:1; filter:alpha(opacity=100); }
	.subGreet .greetArea h3.greetTitle { font-size:32px; margin-bottom:15px; }
	.subGreet .greetArea > p { font-size:15px; margin-bottom:15px; line-height:1.65; }
	.greetArea .ceo { margin-top:30px; }
	#noticeArea { margin:0 auto; border-bottom:0; }
	#notice { border-left:0; }
	#arrow_bg { display:none; }
	#arrow_bd { display:none; }
	#notice > h3.notice_t { left:44px; }
	#notice > .notice_more { left:257px; }
	#notice > .notice_more a { filter:alpha(opacity=100); -khtml-opacity:1; -moz-opacity:1; opacity:1; }
	.main_prodcts { padding:0 0 70px; }
	.main_prodcts h3 { font-size:30px; margin-bottom:20px; }
	#galloutWrap .board_output { max-width:92%; margin:0 auto; }
	#galloutWrap .board_output > tbody > tr { display:block; }
	#galloutWrap .board_output td.board_output_gallery_img:hover>a:before,
	#galloutWrap .board_output td.board_output_gallery_img>a:focus:before { opacity:0; }
	#galloutWrap .board_output td.board_output_gallery_img:hover>a:after,
	#galloutWrap .board_output td.board_output_gallery_img>a:focus:after { opacity:0; }
	#galloutWrap .board_output > tbody > tr > td { width:48%; margin-right:14px; }
	#galloutWrap .board_output > tbody > tr > td:nth-child(2n) { margin-left:14px; margin-right:0; }
	#galloutWrap .board_output td.board_output_gallery_img { text-align:center; }
	#galloutWrap .board_output td > .board_output_gallery_subject { margin-top:15px; }
	#galloutWrap .board_output td > .board_output_gallery_etc { font-size:12px; margin:0 0 25px; }
	.main_prodcts .btn-wrap { margin:30px auto 0; width:30%; }
	#cs_contents { padding:70px 0; }
	.cs_title { margin:0 auto 25px; }
	.cs_title .cs_mTitle { font-size:46px; }
	.cs_title .cs_sTitle { font-size:16px; }
	.customer_t2 { margin:30px auto; max-width:100%; }
	.customer_t2 span { font-size:24px; }
	.customer_t2 .customer_2_Txt { font-size:16px; }
	.cs_con { margin:40px auto 0; }
	#cs_table .tt1 { font-size:17px; padding:16px 0; }
	#cs_table .tt2 { font-size:17px; padding:16px 0; }
	#cs_table .tt3 { font-size:17px; padding:16px 0; }
	#cs_table .cc { font-size:17px; }
	#cs_table .dd { font-size:17px; }
	#cs_table .ee { font-size:17px; }
	#cs_table .tt1_con { padding:18px 6px; }
	.nodepop { display:none; }
	#subContents { margin-bottom:0 !important; padding:0; }
	.subVisImg { height:600px; }
	.txt_1 { font-size:42px; }
	.txt_2 { font-size:16px; }
	#pageCogn ul > li { padding:0 28px; }
	#pageCogn ul > li > a { font-size:14px; }
	#contents { margin:60px 0 100px; }
	h3.main_t { margin:61px 3% 0; }
	.con1Txt { font-size:18px; margin:0 auto 30px; }
	.con1Txt:after { margin:30px auto; }
	.con1_2Txt { width:auto; max-width:96%; font-size:14px; line-height:1.6; }
	.ceo { margin-top:35px; }
	.container { width:686px; }
	.portfolio-thumbs { margin:0 2px 2px 0; }
	dl#history { background:none; }
	dl#history dd em { max-width:220px; font-size:38px; }
	dl#history dd strong{ max-width:70px; }
	dl#history dd ul li { max-width:auto; }
	.bbsnewf5 td[valign='bottom'] { padding:0 3px !important; }
	.gallery_subject { line-height:18px !important; padding:0 9px !important; }
	.gallery_title { font-size:14px !important; }
	.gallery_etc { padding:0 5px 15px !important; margin:6px 0 0 -15px !important; }
	.gallery_etc font { line-height:19px !important; }
	.board.webzine td[align='center'] { width:35%; }
	.board.webzine td.bbsnewf5 { padding:30px 5px 30px 20px !important; }
	.board.webzine td.bbsnewf5 div[align='right'] { margin:18px 0 0 -4px !important; }
	.div_news_title { margin-top:0 !important; }	
	.con1, .con1_2Txt, .con2, .con3, .con4, .con5, .con6, .comm_con { width:auto; padding:0 10px; }
	.faqCon { max-width:94%; margin:0 auto; }
	.faqCon h4 { padding:24px 0; }
	.faqCon h4 span { font-size:17px; }
	.faqCon h4 a { font-size:17px; }
	.Inner_2 span.a_tit { font-size:12px; }
	.Inner_2 span.a_tit:after { width:24px; height:24px; }
	dl#sitemap dd em { max-width:110px; padding-right:30px; }
	dl#sitemap dd ul li:first-child { padding-left:10px; }
	dl#sitemap dd ul li a { padding:2px 12px; font-size:13px; }
	footer { position:static; }
	.footWrap { max-width:100%; margin:0 auto; }
	.footCont { padding:60px 0 0; }
	.comInfo { padding:0 4%; }
	.comInfo p { font-size:13px; }
	.csInfo { padding:0 8% 0 4%; }
	.csInfo p { font-size:13px; }
	ul.bot_menu li a { font-size:13px; }
	ul.bot_menu li:nth-child(2),
	ul.bot_menu li:nth-child(3) { display:none; }
	.footCont .familySite { display:none; }
	.copy { font-size:13px; padding:30px 0; }
	#nd-popUp, #nd-popUp2 { padding:10px 0; max-width:100%; margin:20px auto; }
	.nomailClose { right:0; top:38px; }
	h2.priTitle { padding:20px 0 20px 20px; font-size:16px; }
	.nomailArea { padding:20px 15px; max-height:400px; overflow-y:auto; }
	.nomail_t { margin:15px auto 0; max-width:auto; font-size:14px; }
	.nomail_t:after { margin:20px auto; }
	.nomail_t .nomail_Txt { font-size:24px; }
	.nomail_2Txt { font-size:14px; line-height:1.55; }
	.talkArea { bottom:235px; }
	#moveBtn .btn { display:none; }	
	#quickBtn { height:0; }
}
@media all and (min-width:1024px) and (max-width:1366px) {
	#ndstmap .qmenu-btn { top:440px; }
	#ndstmap .qmenu-btn-cls { top:75px; padding:0 40px; font-size:13px; line-height:50px; }
	.sitemapArea { margin:100px auto 0; }
	#gnbWrap .inner .pds { right:12%; }
	#gnb { display:none; }
	#container_vis.main .visImg button.cir { bottom:5vh; }
	#container_vis.main .visImg .pic1 { background-position:-450px; }
	#container_vis.main .visImg .pic2 { background-position:-120px; }
	#container_vis.main .visImg .pic3 { background-position:-350px; }
	#container_vis.main .visImg .txtWrap { top:28vh; }
	#container_vis.main .visImg .txtWrap .mv_txt { max-width:600px; }
	#container_vis.main .visImg .txtWrap .mv_txt .viewBtn { margin-top:30px; }
	#container_vis.main .visImg .txtWrap .mv_txt .txt01 { font-size:56px; padding-bottom:5px; }
	#container_vis.main .visImg .txtWrap .mv_txt .txt02 { font-size:20px; }
	.scrollDown { display:none; }
	#mainCont { margin-bottom:0 !important; }
	#com_contents { padding:80px 0; }
	.subGreet { max-width:94%; padding:20px 0 0; }
	.subGreet .imgArea { width:300px; padding:30px 0 0 50px; }
	.subGreet .imgArea .line { width:190px; height:190px; }
	.subGreet .imgArea .line > li:nth-child(1),
	.subGreet .imgArea .line > li:nth-child(3) { width:100%; height:1px; }
	.subGreet .imgArea .line > li:nth-child(2),
	.subGreet .imgArea .line > li:nth-child(4) { width:1px; height:100%; }
	.subGreet .imgArea .photo > img.logo { right:0; top:230px; padding:13px 13%; width:78px; }
	.subGreet .greetArea { width:calc(100% - 330px); opacity:1; filter:alpha(opacity=100); }
	.subGreet .greetArea h3.greetTitle { font-size:32px; margin-bottom:15px; }
	.subGreet .greetArea > p { font-size:15px; margin-bottom:15px; line-height:1.7; }
	.greetArea .ceo { margin-top:30px; }
	#noticeArea { margin:0 auto; border-bottom:0; }
	#notice { border-left:0; }
	#arrow_bg { display:none; }
	#arrow_bd { display:none; }
	#notice > h3.notice_t { left:54px; }
	#notice > .notice_more { left:267px; }
	#notice > .notice_more a { filter:alpha(opacity=100); -khtml-opacity:1; -moz-opacity:1; opacity:1; }
	.main_prodcts { padding:0 0 80px; }
	.main_prodcts .btn-wrap { width:20%; }
	#cs_contents { padding:80px 0; }
	.cs_title { margin:0 auto 25px; }
	.cs_title .cs_mTitle { font-size:48px; }
	.cs_title .cs_sTitle { font-size:16px; }
	.customer_t2 { margin:30px auto; max-width:100%; }
	.customer_t2 span { font-size:24px; }
	.customer_t2 .customer_2_Txt { font-size:16px; }
	.cs_con { margin:40px auto 0; }
	#cs_table .tt1 { font-size:17px; padding:16px 0; }
	#cs_table .tt2 { font-size:17px; padding:16px 0; }
	#cs_table .tt3 { font-size:17px; padding:16px 0; }
	#cs_table .cc { font-size:17px; }
	#cs_table .dd { font-size:17px; }
	#cs_table .ee { font-size:17px; }
	#cs_table .tt1_con { padding:18px 6px; }
	.nodepop { display:none; }
	#subContents { margin-bottom:0 !important; padding:0; }
	#contents { margin:90px 0; }
	h3.main_t { margin:90px 3%; }
	.con1Txt { font-size:22px; margin:0 auto 30px; }
	.con1Txt:after { margin:35px auto; }
	.con1_2Txt { width:auto; max-width:96%; font-size:15px; line-height:1.6; }
	.ceo { margin-top:35px; }
	.container { width:742px; }
	.con1, .con1_2Txt, .con2, .con3, .con4, .con5, .con6, .comm_con { width:auto; padding:0 20px; }
	.faqCon { max-width:94%; margin:0 auto; }
	.faqCon h4 { padding:26px 0; }
	.faqCon h4 span { font-size:18px; }
	.faqCon h4 a { font-size:18px; }
	.Inner_2 span.a_tit { font-size:12px; }
	.Inner_2 span.a_tit:after { width:24px; height:24px; }
	dl#sitemap dd em { max-width:130px; padding-right:30px; }
	dl#sitemap dd ul li:first-child { padding-left:10px; }
	footer { position:static; }
	.footWrap { max-width:100%; margin:0 auto; }
	.footCont { padding:60px 0 0; }
	.comInfo { padding:0 4%; }
	.comInfo p { font-size:13px; }
	.csInfo { padding:0 8% 0 4%; }
	.csInfo p { font-size:13px; }
	ul.bot_menu li a { font-size:13px; }
	ul.bot_menu li:nth-child(2),
	ul.bot_menu li:nth-child(3) { display:none; }
	.footCont .familySite { display:none; }
	.copy { font-size:13px; padding:30px 0; }
	#nd-popUp, #nd-popUp2 { padding:10px 0; max-width:100%; margin:20px auto; }
	.nomailClose { right:0; top:38px; }
	h2.priTitle { padding:20px 0 20px 20px; font-size:16px; }
	.nomailArea { padding:20px 15px; max-height:400px; overflow-y:auto; }
	.nomail_t { margin:15px auto 0; max-width:auto; font-size:14px; }
	.nomail_t:after { margin:20px auto; }
	.nomail_t .nomail_Txt { font-size:24px; }
	.nomail_2Txt { font-size:14px; line-height:1.55; }
	.talkArea { bottom:235px; }
	#moveBtn .btn { display:none; }	
	#quickBtn { height:0; }
}
@media all and (min-width:1367px) {
	#quickBtn { height:0; }
}