@charset "euc-kr";
@media all and (max-width:360px) {
	.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.fix { top:12px; }
	.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:66px; 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:30px; }
	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:#E4A414; }
	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:92px; right:234px; z-index:999; }
	.closeBtn a { display:block; width:33px; height:33px; background-image:url('../images/cls_Btn.png'); text-indent:-9999px; }
	#preload > .loadCon { top:30%; margin-left:-116px; }
	#topNotice { display:none; }
	#gnbWrap .inner h1 { left:5%; }
	#gnb { display:none; }	
	#mainVisimgArea { height:430px; }
	#mainVisimgArea .txtArea { top:50%; width:85%; }
	#mainVisimgArea .txtArea ul.stxt { height:60px; }
	#mainVisimgArea .txtArea ul.stxt li { font-size:27px; line-height:60px; }
	#mainVisimgArea .txtArea small { font-size:14px; line-height:1.3; }
	#mainVisimgArea .txtArea small:first-child { padding-bottom:10px; }
	#mainVisimgArea .txtArea small:last-child { padding-top:10px; }
	#mainVisimgArea .txtArea small:last-child a { font-size:18px; }
	#mainVisimgArea .visImg .visImg_list li { left:100%; margin-left:-670px; }
	#mainVisimgArea .visImg .visImg_list li img { max-width:100%; height:auto; }
	.scrollDown { display:none; }
	.btnArea { left:50%; top:360px; }
	@keyframes anim{0%{margin-top:0;}25%{margin-top:-60px;}50%{margin-top:-120px;}75%{margin-top:-60px;}100%{margin-top:0;}}
	#banInner { position:static; float:left; max-width:100%; height:140px; overflow:hidden; }
	#banInner .ban_1 { position:static; float:left; width:90px; }
	#banInner .ban_1 .icon-circle { margin:25px auto 5px; width:50px; height:50px; font-size:24px; line-height:50px; }
	#banInner .ban_1 .ban_mt { font-size:13px; }
	#banInner .ban_1 .ban_st { padding-top:0; font-size:11px; letter-spacing:0; }
	#banInner .ban_2 { position:static; float:left; width:90px; }
	#banInner .ban_2 .icon-circle { margin:25px auto 5px; width:50px; height:50px; font-size:24px; line-height:50px; }
	#banInner .ban_2 .ban_mt { font-size:13px; }
	#banInner .ban_2 .ban_st { padding-top:0; font-size:11px; letter-spacing:0; }
	#banInner .ban_3 { position:static; float:left; width:90px; }
	#banInner .ban_3 .icon-circle { margin:25px auto 5px; width:50px; height:50px; font-size:24px; line-height:50px; }
	#banInner .ban_3 .ban_mt { font-size:13px; }
	#banInner .ban_3 .ban_st { padding-top:0; font-size:11px; letter-spacing:0; }	
	#banInner .ban_4 { position:static; float:left; width:90px; }
	#banInner .ban_4 .icon-circle { margin:25px auto 5px; width:50px; height:50px; font-size:24px; line-height:50px; }
	#banInner .ban_4 .ban_mt { font-size:13px; }
	#banInner .ban_4 .ban_st { padding-top:0; font-size:11px; letter-spacing:0; }	
	#banInner .banner { width:90px; height:140px; }
	#banInner .banner .banCon { width:100%; height:140px; }
	#banInner .banner .banCon .innerCon { width:90px; height:140px; }
	#banInner .banner .banCon .innerCon h4 > a { font-size:14px; }
	#banInner .banner .banCon .innerCon p { padding-top:0; }
	#banInner .banner .banCon .innerCon p > a { font-size:10px; }
	#banInner .banner .banCon_2 { width:100%; height:140px; }
	#banInner .banner .banCon_2 .innerCon { width:90px; height:140px; }
	#banInner .banner .banCon_2 .innerCon h4 > a { font-size:14px; }
	#banInner .banner .banCon_2 .innerCon p { padding-top:0; }
	#banInner .banner .banCon_2 .innerCon p > a { font-size:10px; }
	.noticeCon { padding:0 15px; }
    #notice h3 { display:none; }
    #notice .noticeRolling { float:none; width:100%; max-width:100%; height:19px; padding-top:0; }
    #notice .noticeLatest { table-layout:fixed; }
    #notice .noticeLatest td[nowrap] { width:70%; }
    #notice .noticeLatest td[align='center'] { width:30%; }
    #notice .noticeLatest td a { font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	#galleryWrap #toggle h2 { padding:0 0 0 15px; }
	#galleryWrap #toggle .hidden { padding:20px 10px; font-size:13px; line-height:20px; }
	.TtbanWrap { max-width:100%; }
	.Ttban .Ttban_items li { display:block; width:100%; margin-bottom:3px; height:300px; }
	.Ttban .Ttban_items li:last-child { margin-bottom:0; }
	.Ttban .Ttban_items li .Ttban_bg { top:-30%; left:50%; max-width:auto; margin-left:-300px; }
	.Ttban .Ttban_items li .Ttban_bg img { max-width:100%; height:auto; }
	.Ttban .Ttban_items li .Ttban_info { top:20%; }
	.Ttban .Ttban_items li .Ttban_info span { font-size:12px; margin:5px 0 0; }
	.Ttban .Ttban_items li .Ttban_info h3 { font-size:16px; }
	.Ttban .Ttban_items li:hover .picto,
	.Ttban .Ttban_items li:focus .picto { top:90%; }
	.Ttban .Ttban_items li .Ttban_info .picto a i { width:36px; height:36px; line-height:36px; font-size:24px; color:rgba(255, 255, 255, .8); border:2px solid rgba(255, 255, 255, .8); }
	.nd_grid_2 { margin-left:0 !important; margin-right:0 !important; }
	.nd_grid_2 > * { width:100%; padding-left:0 !important; padding-right:0 !important; }
	.main_title { font-size:22px; margin-bottom:8px; }
	.banArea { padding:30px 0 0; }
	.banner .arrow { display:none; }	
	#adArea { height:100px; }
	#adCont { height:100px; min-height:100px; }
	.adTxt { top:25%; left:0; width:100%; }
	.adtxt_1 { font-size:20px; }
	.adtxt_2 { font-size:15px; padding-top:0px; }
	.adImg { display:none; }
	.nodepop { display:none; }
	#subContents { margin-bottom:0; }
	#contents { margin:40px auto; min-height:auto; }
	.scate { display:none; }	
	.work #choice { width:272px; height:20px; }
	.work #choice li { padding-right:15px; }
	.work #choice li:last-child { padding-right:0; }
	.work #choice li a { font-size:13px; }
	.container { width:320px; margin:0 auto 10px; }
	h3.main_t { margin:40px 0 0 2%; font-size:26px; }
	span.st { display:block; padding:0 0 0 2%; }
	.subVisImg { height:280px; }
	.subImg_1 { background-position:50% 100%; }
	.txt_1 { font-size:28px; margin-top:60px; }
	.txt_2 { display:block; font-size:13px; line-height:1.4; width:90%; margin:0 auto; }
	.con1Txt { max-width:90%; font-size:15px; width:auto; padding:0 10px; }
	.bar { margin:20px auto 5px; }
	.con1_2Txt { max-width:100%; font-size:13px; line-height:1.5; width:auto; padding:0 10px; }
	.signArea { width:200px; }	
	.ceo { margin-top:30px; }
	.sign { margin:0 0 10px 20px; }
	.roadmap_t { margin:25px auto; font-size:13px; line-height:1; }
	.roadmap_t .roadmap_Txt { margin:0 auto 8px; font-size:17px; font-weight:700; }
	#roadmap { margin-top:0; }
	#roadmap .item { font-size:13px; }
	#roadmap .tt1_con { padding:12px 0; }
	#roadmap .tt2_con { padding:12px 0 12px 10px; font-size:13px; }
	.comm_t { margin:25px auto; font-size:13px; line-height:1.2; }
	.comm_t .comm_Txt { margin:0 auto 5px; font-size:18px; font-weight:700;  }
	.bbsnewf5 td[valign='bottom'] { padding:0 1px !important; }
	.gallery_title { font-size:12px !important; }
	.con2, .con3, .con4, .con5,	.con6 { width:auto; padding:0 10px; }
	footer { margin-top:0; }
	#tickerArea #ticker ul { max-width:272px; }
	#tickerArea #ticker ul li { padding-right:15px; }
	#tickerArea #ticker ul li.btm_1,
	#tickerArea #ticker ul li.btm_2 { display:none }
	#tickerArea #ticker ul li a { font-size:12px; }
	#footArea p.copy { display:none; }
	#footArea p.copy_mob { padding:0 5% 25px; }
	#footArea p.copy_mob span.over { background:none; }
	#topIco { height:0; }
}
@media all and (min-width:361px) and (max-width:600px) {
	.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.fix { top:12px; }
	.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:66px; 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:30px; }
	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:#E4A414; }
	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:92px; right:234px; z-index:999; }
	.closeBtn a { display:block; width:33px; height:33px; background-image:url('../images/cls_Btn.png'); text-indent:-9999px; }
	#preload > .loadCon { top:30%; margin-left:-116px; }
	#topNotice { display:none; }
	#gnbWrap .inner h1 { left:5%; }
	#gnb { display:none; }	
	#mainVisimgArea { height:430px; }
	#mainVisimgArea .txtArea { top:50%; width:85%; }
	#mainVisimgArea .txtArea ul.stxt { height:60px; }
	#mainVisimgArea .txtArea ul.stxt li { font-size:27px; line-height:60px; }
	#mainVisimgArea .txtArea small { font-size:14px; line-height:1.3; }
	#mainVisimgArea .txtArea small:first-child { padding-bottom:10px; }
	#mainVisimgArea .txtArea small:last-child { padding-top:10px; }
	#mainVisimgArea .txtArea small:last-child a { font-size:18px; }
	#mainVisimgArea .visImg .visImg_list li { left:100%; margin-left:-670px; }
	#mainVisimgArea .visImg .visImg_list li img { max-width:100%; height:auto; }
	.scrollDown { display:none; }
	.btnArea { left:50%; top:360px; }
	@keyframes anim{0%{margin-top:0;}25%{margin-top:-60px;}50%{margin-top:-120px;}75%{margin-top:-60px;}100%{margin-top:0;}}
	#banInner { position:static; float:left; max-width:100%; height:140px; overflow:hidden; }
	#banInner .ban_1 { position:static; float:left; width:90px; }
	#banInner .ban_1 .icon-circle { margin:25px auto 5px; width:50px; height:50px; font-size:24px; line-height:50px; }
	#banInner .ban_1 .ban_mt { font-size:13px; }
	#banInner .ban_1 .ban_st { padding-top:0; font-size:11px; letter-spacing:0; }
	#banInner .ban_2 { position:static; float:left; width:90px; }
	#banInner .ban_2 .icon-circle { margin:25px auto 5px; width:50px; height:50px; font-size:24px; line-height:50px; }
	#banInner .ban_2 .ban_mt { font-size:13px; }
	#banInner .ban_2 .ban_st { padding-top:0; font-size:11px; letter-spacing:0; }
	#banInner .ban_3 { position:static; float:left; width:90px; }
	#banInner .ban_3 .icon-circle { margin:25px auto 5px; width:50px; height:50px; font-size:24px; line-height:50px; }
	#banInner .ban_3 .ban_mt { font-size:13px; }
	#banInner .ban_3 .ban_st { padding-top:0; font-size:11px; letter-spacing:0; }	
	#banInner .ban_4 { position:static; float:left; width:90px; }
	#banInner .ban_4 .icon-circle { margin:25px auto 5px; width:50px; height:50px; font-size:24px; line-height:50px; }
	#banInner .ban_4 .ban_mt { font-size:13px; }
	#banInner .ban_4 .ban_st { padding-top:0; font-size:11px; letter-spacing:0; }	
	#banInner .banner { width:90px; height:140px; }
	#banInner .banner .banCon { width:100%; height:140px; }
	#banInner .banner .banCon .innerCon { width:90px; height:140px; }
	#banInner .banner .banCon .innerCon h4 > a { font-size:14px; }
	#banInner .banner .banCon .innerCon p { padding-top:0; }
	#banInner .banner .banCon .innerCon p > a { font-size:10px; }
	#banInner .banner .banCon_2 { width:100%; height:140px; }
	#banInner .banner .banCon_2 .innerCon { width:90px; height:140px; }
	#banInner .banner .banCon_2 .innerCon h4 > a { font-size:14px; }
	#banInner .banner .banCon_2 .innerCon p { padding-top:0; }
	#banInner .banner .banCon_2 .innerCon p > a { font-size:10px; }
	.noticeCon { padding:0 15px; }
    #notice h3 { display:none; }
    #notice .noticeRolling { float:none; width:100%; max-width:100%; height:19px; padding-top:0; }
    #notice .noticeLatest { table-layout:fixed; }
    #notice .noticeLatest td[nowrap] { width:70%; }
    #notice .noticeLatest td[align='center'] { width:30%; }
    #notice .noticeLatest td a { font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	#galleryWrap #toggle h2 { padding:0 0 0 15px; }
	#galleryWrap #toggle .hidden { padding:20px 10px; font-size:13px; line-height:20px; }
	.TtbanWrap { max-width:100%; }
	.Ttban .Ttban_items li { display:block; width:100%; margin-bottom:3px; height:300px; }
	.Ttban .Ttban_items li:last-child { margin-bottom:0; }
	.Ttban .Ttban_items li .Ttban_bg { top:-30%; left:50%; max-width:auto; margin-left:-300px; }
	.Ttban .Ttban_items li .Ttban_bg img { max-width:100%; height:auto; }
	.Ttban .Ttban_items li .Ttban_info { top:20%; }
	.Ttban .Ttban_items li .Ttban_info span { font-size:12px; margin:5px 0 0; }
	.Ttban .Ttban_items li .Ttban_info h3 { font-size:16px; }
	.Ttban .Ttban_items li:hover .picto,
	.Ttban .Ttban_items li:focus .picto { top:90%; }
	.Ttban .Ttban_items li .Ttban_info .picto a i { width:36px; height:36px; line-height:36px; font-size:24px; color:rgba(255, 255, 255, .8); border:2px solid rgba(255, 255, 255, .8); }
	.nd_grid_2 { margin-left:0 !important; margin-right:0 !important; }
	.nd_grid_2 > * { width:100%; padding-left:0 !important; padding-right:0 !important; }
	.main_title { font-size:22px; margin-bottom:8px; }
	.banArea { padding:30px 0 0; }
	.banner .arrow { display:none; }	
	#adArea { height:100px; }
	#adCont { height:100px; min-height:100px; }
	.adTxt { top:25%; left:0; width:100%; }
	.adtxt_1 { font-size:20px; }
	.adtxt_2 { font-size:15px; padding-top:0px; }
	.adImg { display:none; }
	.nodepop { display:none; }
	#subContents { margin-bottom:0; }
	#contents { margin:40px auto; min-height:auto; }
	.scate { display:none; }	
	.work #choice { width:272px; height:20px; }
	.work #choice li { padding-right:15px; }
	.work #choice li:last-child { padding-right:0; }
	.work #choice li a { font-size:13px; }
	.container { width:340px; margin:0 auto 10px; }
	h3.main_t { margin:40px 0 0 2%; font-size:26px; }
	span.st { display:block; padding:0 0 0 2%; }
	.subVisImg { height:280px; }
	.subImg_1 { background-position:50% 100%; }
	.txt_1 { font-size:28px; margin-top:60px; }
	.txt_2 { display:block; font-size:13px; line-height:1.4; width:90%; margin:0 auto; }
	.con1Txt { max-width:90%; font-size:15px; width:auto; padding:0 10px; }
	.bar { margin:20px auto 5px; }
	.con1_2Txt { max-width:100%; font-size:13px; line-height:1.5; width:auto; padding:0 10px; }
	.signArea { width:200px; }	
	.ceo { margin-top:30px; }
	.sign { margin:0 0 10px 20px; }
	.roadmap_t { margin:25px auto; font-size:13px; line-height:1; }
	.roadmap_t .roadmap_Txt { margin:0 auto 8px; font-size:17px; font-weight:700; }
	#roadmap { margin-top:0; }
	#roadmap .item { font-size:13px; }
	#roadmap .tt1_con { padding:12px 0; }
	#roadmap .tt2_con { padding:12px 0 12px 10px; font-size:13px; }
	.comm_t { margin:25px auto; font-size:13px; line-height:1.2; }
	.comm_t .comm_Txt { margin:0 auto 5px; font-size:18px; font-weight:700;  }
	.bbsnewf5 td[valign='bottom'] { padding:0 1px !important; }
	.gallery_title { font-size:12px !important; }
	.con2, .con3, .con4, .con5,	.con6 { width:auto; padding:0 10px; }
	footer { margin-top:0; }
	#tickerArea #ticker ul { max-width:272px; }
	#tickerArea #ticker ul li { padding-right:15px; }
	#tickerArea #ticker ul li.btm_1,
	#tickerArea #ticker ul li.btm_2 { display:none }
	#tickerArea #ticker ul li a { font-size:12px; }
	#footArea p.copy { display:none; }
	#footArea p.copy_mob { padding:0 5% 25px; }
	#footArea p.copy_mob span.over { background:none; }
	#topIco { height:0; }
}
@media all and (min-width:601px) and (max-width:767px) {	
	.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.fix { top:12px; }
	.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:66px; 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:30px; }
	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:#0D88B5; }
	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:92px; right:234px; z-index:999; }
	.closeBtn a { display:block; width:33px; height:33px; background-image:url('../images/cls_Btn.png'); text-indent:-9999px; }
	#preload > .loadCon { top:30%; margin-left:-116px; }
	#topNotice { display:none; }
	#gnbWrap .inner h1 { left:5%; }
	#gnb { display:none; }
	#mainVisimgArea { height:546px; }
	#mainVisimgArea .txtArea { top:50%; width:75%; }
	#mainVisimgArea .txtArea ul.stxt { height:80px; }
	#mainVisimgArea .txtArea ul.stxt li { font-size:36px; line-height:80px; }
	#mainVisimgArea .txtArea small { font-size:14px; line-height:1.3; }
	#mainVisimgArea .txtArea small:first-child { padding-bottom:10px; }
	#mainVisimgArea .txtArea small:last-child { padding-top:10px; }
	#mainVisimgArea .txtArea small:last-child a { font-size:18px; }
	#mainVisimgArea .visImg .visImg_list li { left:100%; margin-left:-670px; }
	#mainVisimgArea .visImg .visImg_list li img { max-width:100%; height:auto; }
	.scrollDown { bottom:295px; }	
	.btnArea { left:50%; top:450px; }	
	@keyframes anim{0%{margin-top:0;}25%{margin-top:-80px;}50%{margin-top:-160px;}75%{margin-top:-80px;}100%{margin-top:0;}}
	#banInner { position:static; float:left; max-width:100%; height:150px; overflow:hidden; }
	#banInner .ban_1 { position:static; float:left; width:160px; }
	#banInner .ban_1 .icon-circle { margin:25px auto 5px; width:60px; height:60px; font-size:28px; line-height:60px; }
	#banInner .ban_1 .ban_mt { font-size:15px; }
	#banInner .ban_1 .ban_st { padding-top:0; font-size:12px; letter-spacing:0; }
	#banInner .ban_2 { position:static; float:left; width:160px; }
	#banInner .ban_2 .icon-circle { margin:25px auto 5px; width:60px; height:60px; font-size:28px; line-height:60px; }
	#banInner .ban_2 .ban_mt { font-size:15px; }
	#banInner .ban_2 .ban_st { padding-top:0; font-size:12px; letter-spacing:0; }
	#banInner .ban_3 { position:static; float:left; width:160px; }
	#banInner .ban_3 .icon-circle { margin:25px auto 5px; width:60px; height:60px; font-size:28px; line-height:60px; }
	#banInner .ban_3 .ban_mt { font-size:15px; }
	#banInner .ban_3 .ban_st { padding-top:0; font-size:12px; letter-spacing:0; }	
	#banInner .ban_4 { position:static; float:left; width:160px; }
	#banInner .ban_4 .icon-circle { margin:25px auto 5px; width:60px; height:60px; font-size:28px; line-height:60px; }
	#banInner .ban_4 .ban_mt { font-size:15px; }
	#banInner .ban_4 .ban_st { padding-top:0; font-size:12px; letter-spacing:0; }	
	#banInner .banner { width:160px; height:150px; }
	#banInner .banner .banCon { width:100%; height:150px; }
	#banInner .banner .banCon .innerCon { width:160px; height:150px; }
	#banInner .banner .banCon .innerCon h4 > a { font-size:15px; }
	#banInner .banner .banCon .innerCon p { padding-top:0; }
	#banInner .banner .banCon .innerCon p > a { font-size:11px; }
	#banInner .banner .banCon_2 { width:100%; height:150px; }
	#banInner .banner .banCon_2 .innerCon { width:160px; height:150px; }
	#banInner .banner .banCon_2 .innerCon h4 > a { font-size:15px; }
	#banInner .banner .banCon_2 .innerCon p { padding-top:0; }
	#banInner .banner .banCon_2 .innerCon p > a { font-size:11px; }
    .noticeCon { padding:0 15px; }
	#notice .noticeRolling { float:right; width:81%; height:18px; overflow:hidden; }
    #notice .noticeLatest { table-layout:fixed; }
    #notice .noticeLatest td[nowrap] { width:70%; }
    #notice .noticeLatest td[align='center'] { width:30%; }
    #notice .noticeLatest td a { font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	#galleryWrap #toggle h2 { padding:0 0 0 15px; }
	#galleryWrap #toggle .hidden { padding:20px 10px; font-size:14px; line-height:21px; }
	.TtbanWrap { max-width:100%; }
	.Ttban .Ttban_items li { display:block; width:100%; margin-bottom:3px; height:300px; }
	.Ttban .Ttban_items li:last-child { margin-bottom:0; }
	.Ttban .Ttban_items li .Ttban_bg { top:-30%; left:50%; max-width:auto; margin-left:-300px; }
	.Ttban .Ttban_items li .Ttban_bg img { max-width:100%; height:auto; }
	.Ttban .Ttban_items li .Ttban_info { top:20%; }
	.Ttban .Ttban_items li .Ttban_info span { font-size:12px; margin:5px 0 0; }
	.Ttban .Ttban_items li .Ttban_info h3 { font-size:16px; }
	.Ttban .Ttban_items li:hover .picto,
	.Ttban .Ttban_items li:focus .picto { top:90%; }
	.Ttban .Ttban_items li .Ttban_info .picto a i { width:36px; height:36px; line-height:36px; font-size:24px; color:rgba(255, 255, 255, .8); border:2px solid rgba(255, 255, 255, .8); }
	.nd_grid_2 { margin-left:0 !important; margin-right:0 !important; }
	.nd_grid_2 > * { width:100%; padding-left:0 !important; padding-right:0 !important; }
	.main_title { font-size:24px; margin-bottom:8px; }
	.banArea { padding:30px 0 0; }
	.banner .arrow { display:none; }
	#adArea { height:100px; }
	#adCont { height:100px; min-height:100px; }
	.adTxt { top:25%; left:75px; width:320px; }
	.adtxt_1 { font-size:20px; }
	.adtxt_2 { font-size:15px; padding-top:0; }
	.adImg { max-width:255px; right:0; }
	.adImg img { max-width:170px; }
	.nodepop { display:none; }
	.subVisImg { height:350px; }
	.txt_1 { font-size:40px; margin-top:35px; }
	.txt_2 { font-size:15px; }
	#subContInner { margin-bottom:0; }
	#contents { margin:50px auto; }
	.work { max-width:610px; margin:0 auto; }
	.work #choice { width:292px; height:50px; }
	.work #choice li { padding-right:20px; }
	.work #choice li a { font-size:13px; padding-top:11px; }
	.work #choice li:last-child { padding-right:0; }
	.container { width:594px; margin:0 auto; }
	.portfolio-thumbs { margin:0 auto; }
	h3.main_t { margin:40px 0 0 2%; font-size:26px; }
	span.st { padding:0 0 0 2%; }
	.con1Txt { font-size:18px; }
	.con1_2Txt { font-size:14px; max-width:100%; width:auto; padding:0 10px; }
	.ceo { margin-top:35px; }
	.bbsnewf5 td[valign='bottom'] { padding:0 2px !important; }
	.con2, .con3, .con4, .con5,	.con6 { width:auto; padding:0 10px; }
	footer { margin-top:0; }
	#tickerArea #ticker ul { max-width:356px; }
	#tickerArea #ticker ul li.btm_1,
	#tickerArea #ticker ul li.btm_2 { display:none }
	#footArea p.copy { padding:0 3% 20px; }
	#footArea p.copy_mob { display:none; }
	#topIco { height:0; }
}
@media all and (min-width:768px) and (max-width:1024px) {
	#gnbWrap .inner h1 { left:4%; }
	#gnb > ul { right:2%; }
	#gnb > ul > li > a { padding:32px 28px 30px; font-size:16px; }
	#mainVisimgArea .txtArea { top:50%; width:75%; }
	#mainVisimgArea .txtArea ul.stxt { height:100px; }
	#mainVisimgArea .txtArea ul.stxt li { font-size:50px; line-height:100px; }
	#mainVisimgArea .txtArea small { font-size:18px; }
	#mainVisimgArea .txtArea small:first-child { padding-bottom:10px; }
	#mainVisimgArea .txtArea small:last-child { padding-top:10px; }
	#mainVisimgArea .txtArea small:last-child a { font-size:22px; }
	@keyframes anim{0%{margin-top:0;}25%{margin-top:-100px;}50%{margin-top:-200px;}75%{margin-top:-100px;}100%{margin-top:0;}}
	#banInner { position:static; float:left; max-width:100%; height:190px; overflow:hidden; }
	#banInner .ban_1 { position:static; float:left; width:200px; }
	#banInner .ban_1 .icon-circle { margin:30px auto 5px; width:80px; height:80px; font-size:38px; line-height:80px; }
	#banInner .ban_1 .ban_mt { font-size:17px; }
	#banInner .ban_1 .ban_st { padding-top:0; font-size:13px; letter-spacing:0; }
	#banInner .ban_2 { position:static; float:left; width:200px; }
	#banInner .ban_2 .icon-circle { margin:30px auto 5px; width:80px; height:80px; font-size:38px; line-height:80px; }
	#banInner .ban_2 .ban_mt { font-size:17px; }
	#banInner .ban_2 .ban_st { padding-top:0; font-size:13px; letter-spacing:0; }
	#banInner .ban_3 { position:static; float:left; width:200px; }
	#banInner .ban_3 .icon-circle { margin:30px auto 5px; width:80px; height:80px; font-size:38px; line-height:80px; }
	#banInner .ban_3 .ban_mt { font-size:17px; }
	#banInner .ban_3 .ban_st { padding-top:0; font-size:13px; letter-spacing:0; }	
	#banInner .ban_4 { position:static; float:left; width:200px; }
	#banInner .ban_4 .icon-circle { margin:30px auto 5px; width:80px; height:80px; font-size:38px; line-height:80px; }
	#banInner .ban_4 .ban_mt { font-size:17px; }
	#banInner .ban_4 .ban_st { padding-top:0; font-size:13px; letter-spacing:0; }	
	#banInner .banner { width:200px; height:190px; }
	#banInner .banner .banCon { width:100%; height:190px; }
	#banInner .banner .banCon .innerCon { width:200px; height:190px; }
	#banInner .banner .banCon .innerCon h4 > a { font-size:19px; }
	#banInner .banner .banCon .innerCon p { padding-top:0; }
	#banInner .banner .banCon .innerCon p > a { font-size:14px; }
	#banInner .banner .banCon_2 { width:100%; height:190px; }
	#banInner .banner .banCon_2 .innerCon { width:200px; height:190px; }
	#banInner .banner .banCon_2 .innerCon h4 > a { font-size:19px; }
	#banInner .banner .banCon_2 .innerCon p { padding-top:0; }
	#banInner .banner .banCon_2 .innerCon p > a { font-size:14px; }	
	.noticeCon { padding:0 15px; }
	#galleryWrap #toggle { border-bottom:1px solid #EEE; }
	#galleryWrap #toggle h2 { padding:0 0 0 15px; }
	#galleryWrap #toggle .hidden { padding:20px 15px; }
	.Ttban .Ttban_items li .Ttban_info { top:30%; }
	.Ttban .Ttban_items li .Ttban_info h3 { font-size:18px; }
	.Ttban .Ttban_items li .Ttban_info .picto a i { color:rgba(255, 255, 255, .8); border:2px solid rgba(255, 255, 255, .8); }
	.Ttban .Ttban_items li.on { width:42%; }
	.Ttban .Ttban_items li.off { width:29%; }
	.main_title { font-size:32px; margin-bottom:10px; }
	.banArea { padding:30px 0 20px; }
	.banner .arrow { display:none; }
	#adArea { height:120px; }
	#adCont { height:120px; min-height:120px; }
	.adTxt { top:25%; left:105px; width:370px; }
	.adtxt_1 { font-size:25px; }
	.adtxt_2 { font-size:17px; padding-top:0; }
	.adImg { max-width:230px; right:90px; }
	.adImg img { max-width:210px; }
	.txt_1 { font-size:50px; margin-top:30px; }
	.txt_2 { font-size:16px; }
	#contents { margin:80px 0; }
	h3.main_t { margin:61px 0 0 3%; }
	span.st { padding:6px 0 0 3%; }
	.work { max-width:820px; margin:0 auto; }
	.work #choice { max-width:354px; height:50px; }
	.work #choice li { padding-right:20px; }
	.work #choice li a { font-size:16px; padding-top:11px; }
	.work #choice li:last-child { padding-right:0; }
	.container { width:750px; margin:0 auto; }
	.portfolio-thumbs { margin:0 auto; }
	.con1Txt { font-size:20px; }
	.con1_2Txt { max-width:100%; width:auto; padding:0 10px; }
	.bbsnewf5 td[valign='bottom'] { padding:0 3px !important; }
	.con2, .con3, .con4, .con5,	.con6 { width:auto; padding:0 10px; }
	#tickerArea #ticker ul { max-width:606px; }
	#footArea p.copy { padding:0 3% 30px; }
	#footArea p.copy_mob { display:none; }
	#quickBtn { height:0; }
	#topIco { height:0; }
}
@media all and (min-width:1025px) and (max-width:1430px) {
	#gnbWrap .inner h1 { left:10%; }
	#gnb > ul { right:10%; }
	#mainVisimgArea .txtArea ul.stxt li { font-size:56px; }
    .noticeCon { padding:0 30px; }
    #notice .noticeRolling { width:84%; }
	.Ttban .Ttban_items li:hover .Ttban_bg:before { opacity:.7; }
	.Ttban .Ttban_items li:hover .Ttban_info { top:25%; }
	.Ttban .Ttban_items li.on { width:42%; }
	.Ttban .Ttban_items li.off { width:29%; }	
	.banner .arrow { display:none; }
	#footArea p.copy_mob { display:none; }
	#quickBtn { height:0; }
	#topIco { height:0; }
}
@media all and (min-width:1431px) {
    .noticeCon { padding:0 30px; }
    #notice .noticeRolling { width:84%; }
	.Ttban .Ttban_items li:hover .Ttban_bg:before { opacity:.7; }
	.Ttban .Ttban_items li:hover .Ttban_info { top:25%; }
	.Ttban .Ttban_items li.on { width:42%; }
	.Ttban .Ttban_items li.off { width:29%; }
	#footArea p.copy_mob { display:none; }
	#quickBtn { height:0; }
}