@charset "utf-8";

/***************************************************************

Author :Justin.J

***************************************************************/


@-ms-viewport {
	/*ie10 윈도우8 기기전용 반응형 디자인 적용*/
	width: device-width;
}

@viewport {
	width: device-width;
}

@media screen and (max-width: 449px) {
	/*0px ~ 최고449px 까지*/
	#wrap{width:320px;overflow:hidden;}

	.head_wrap dl.menu{display:none;}

	.mcontainer{width:320px;}
	.mcontainer .mc_l_content{width:320px;}
	.mcontainer .mc_l_content .mc_l_thum img{width:100%;height:275px;}
	.mc_l_thum .photosgallery-captions{width:320px;}

	/* Buttons > Go buttons */
	.mc_l_thum .photosgallery-captions .sliderkit-go-btn{width:30px;}
	.mc_l_thum .photosgallery-captions .sliderkit-go-btn a{width:30px;}

	/* Panel */
	.mc_l_thum .photosgallery-captions .sliderkit-panel{width:320px;}

	/* Panel > Textbox */
	.mc_l_thum .photosgallery-captions .sliderkit-panel .sliderkit-panel-textbox{width:320px;}
	.mc_l_thum .photosgallery-captions .sliderkit-panel .sliderkit-panel-text h4{width:305px;}
	.mc_l_thum .photosgallery-captions .sliderkit-panel .sliderkit-panel-overlay{width:320px;}

	.mcontainer .mc_r_content{display:none;}

	.mcontainer .mc_l_content .mc_article{width:320px;}
	.mc_article .mca_case{padding:5px 5px 10px;}
	.mc_article .mca_case h1{font-size:18px;}
	.mc_article .mca_case h3{font-size:12px;}
	.mc_article .mca_case .mca_copy .mca_thum{width:120px;}
	.mc_article .mca_case .mca_copy .mca_txt{width:176px;margin-left:10px}

	.mc_article .mca_news .mca_list .mca_left{width:100%;}
	.mc_article .mca_news .mca_list .mca_right{display:none;}

	.mm_content{width:320px;}
	.mm_content .mm_l_cont{width:320px;}
	.mm_l_cont .mm_l_title{width:320px;}
	.mm_l_cont .mm_l_title span{right:5px;}
	.mm_l_cont .mm_l_case{width:318px;height:225px;margin:0 0 10px 0;}
	.mm_l_cont .mm_l_case .mm_l_thum, .mm_l_cont .mm_r_case .mm_r_thum{height:150px;}
	.mm_l_cont .mm_r_case{display:none;}

	.m_rnb_wrap{display:none;}

	.st_content .stc_title{width:100%;}
	.st_content .stc_search{display:none;}

	.sc_content li.news_mlist .thum{width:100px;height:80px;margin:3px 13px 0 0;line-height:80px;}
	.sc_content li.news_mlist .thum img{height:80px;margin-left:-25%;}
	.sc_content li.news_mlist .txt{width:205px;}
	.sc_content li.news_mlist .txt b{font-size:14px;}
	.sc_content li.news_mlist .txt p{font-size:11px;}

	.sc_content li.news_mlist .copy b{font-size:14px;}
	.sc_content li.news_mlist .copy p{font-size:11px;}
	.sc_content li.news_mlist .copy p.info{font-size:11px;}

	#footer_wrap{width:320px;}
}

@media screen and (min-width: 450px) {
	/*최소450px ~ 그 이상일때 까지 : 아래가 480px 이므로 450px ~ 480px 까지 입니다.*/
	#wrap{width:450px;overflow:hidden;}

	.head_wrap dl.menu{display:none;}

	.mcontainer{width:450px;}
	.mcontainer .mc_l_content{width:450px;}
	.mcontainer .mc_l_content .mc_l_thum img{width:100%;height:auto;}
	.mc_l_thum .photosgallery-captions{width:450px;}

	/* Buttons > Go buttons */
	.mc_l_thum .photosgallery-captions .sliderkit-go-btn{width:30px;}
	.mc_l_thum .photosgallery-captions .sliderkit-go-btn a{width:30px;}

	/* Panel */
	.mc_l_thum .photosgallery-captions .sliderkit-panel{width:450px;}

	/* Panel > Textbox */
	.mc_l_thum .photosgallery-captions .sliderkit-panel .sliderkit-panel-textbox{width:450px;}
	.mc_l_thum .photosgallery-captions .sliderkit-panel .sliderkit-panel-text h4{width:335px;}
	.mc_l_thum .photosgallery-captions .sliderkit-panel .sliderkit-panel-overlay{width:450px;}

	.mcontainer .mc_r_content{display:none;}

	.mcontainer .mc_l_content .mc_article{width:450px;}
	.mc_article .mca_case{padding:5px 5px 10px;}
	.mc_article .mca_case h1{font-size:18px;}
	.mc_article .mca_case h3{font-size:12px;}
	.mc_article .mca_case .mca_copy .mca_thum{width:150px;}
	.mc_article .mca_case .mca_copy .mca_txt{width:276px;margin-left:10px}

	.mc_article .mca_news .mca_list .mca_left{width:47%;}
	.mc_article .mca_news .mca_list .mca_right{display:block;}

	.mm_content{width:450px;}
	.mm_content .mm_l_cont{width:450px;}
	.mm_l_cont .mm_l_title{width:450px;}
	.mm_l_cont .mm_l_title span{right:5px;}
	.mm_l_cont .mm_l_case{width:448px;height:282px;margin:0 0 10px 0;}
	.mm_l_cont .mm_l_case .mm_l_thum, .mm_l_cont .mm_r_case .mm_r_thum{height:200px;}
	.mm_l_cont .mm_r_case{display:none;}

	.m_rnb_wrap{display:none;}

	.st_content .stc_title{width:100%;}
	.st_content .stc_search{display:none;}

	.sc_content li.news_mlist .thum{width:130px;height:80px;margin:3px 13px 0 0;line-height:80px;}
	.sc_content li.news_mlist .thum img{width:160px;}
	.sc_content li.news_mlist .txt{width:305px;}
	.sc_content li.news_mlist .txt b{font-size:14px;}
	.sc_content li.news_mlist .txt p{font-size:11px;}

	.sc_content li.news_mlist .copy b{font-size:14px;}
	.sc_content li.news_mlist .copy p{font-size:11px;}
	.sc_content li.news_mlist .copy p.info{font-size:11px;}

	#footer_wrap{width:450px;}
}

@media screen and (min-width: 480px) {
	/*최소480px ~ 그 이상일때 까지*/
	#wrap{width:480px;overflow:hidden;}

	.head_wrap dl.menu{display:none;}

	.mcontainer{width:480px;}
	.mcontainer .mc_l_content{width:480px;}
	.mcontainer .mc_l_content .mc_l_thum img{width:100%;height:auto;}
	.mc_l_thum .photosgallery-captions{width:480px;}

	/* Buttons > Go buttons */
	.mc_l_thum .photosgallery-captions .sliderkit-go-btn{width:30px;}
	.mc_l_thum .photosgallery-captions .sliderkit-go-btn a{width:30px;}

	/* Panel */
	.mc_l_thum .photosgallery-captions .sliderkit-panel{width:480px;}

	/* Panel > Textbox */
	.mc_l_thum .photosgallery-captions .sliderkit-panel .sliderkit-panel-textbox{width:480px;}
	.mc_l_thum .photosgallery-captions .sliderkit-panel .sliderkit-panel-text h4{width:465px;}
	.mc_l_thum .photosgallery-captions .sliderkit-panel .sliderkit-panel-overlay{width:480px;}

	.mcontainer .mc_r_content{display:none;}

	.mcontainer .mc_l_content .mc_article{width:480px;}
	.mc_article .mca_case{padding:5px 5px 10px;}
	.mc_article .mca_case h1{font-size:18px;}
	.mc_article .mca_case h3{font-size:12px;}
	.mc_article .mca_case .mca_copy .mca_thum{width:170px;}
	.mc_article .mca_case .mca_copy .mca_txt{width:280px;margin-left:10px;}

	.mc_article .mca_news .mca_list .mca_left{width:47%;}
	.mc_article .mca_news .mca_list .mca_right{display:block;}

	.mm_content{width:480px;}
	.mm_content .mm_l_cont{width:220px;}
	.mm_l_cont .mm_l_title{width:220px;}
	.mm_l_cont .mm_l_title span{right:5px;}
	.mm_l_cont .mm_l_case{width:220px;height:232px;margin:0 0 10px 0;}
	.mm_l_cont .mm_l_case .mm_l_thum, .mm_l_cont .mm_r_case .mm_r_thum{height:150px;}
	.mm_l_cont .mm_r_case{display:none;}

	.m_rnb_wrap{width:250px;margin-left:10px;display:block;}

	.st_content .stc_title{width:221px;}
	.st_content .stc_search{width:240px;margin-left:10px;display:block;}

	.sc_content li.news_mlist .thum{width:100%;height:120px;margin:3px 13px 5px 0;line-height:120px;}
	.sc_content li.news_mlist .thum img{width:100%;height:120px;}
	.sc_content li.news_mlist .txt{width:100%;}
	.sc_content li.news_mlist .txt b{font-size:16px;}
	.sc_content li.news_mlist .txt p{font-size:12px;}

	.sc_content li.news_mlist .copy b{font-size:16px;}
	.sc_content li.news_mlist .copy p{font-size:12px;}
	.sc_content li.news_mlist .copy p.info{font-size:11px;}

	#footer_wrap{width:480px;}
}

@media screen and (min-width: 768px) {
	/*최소768px ~ 그 이상일때 까지*/
	#wrap{width:768px;overflow:hidden;}
	
	.head_wrap dl.menu{width:550px;display:block;}
	.head_wrap dl.menu dt{width:90px;}
	.head_wrap dl.menu dd{width:90px;}
	.head_wrap dl.menu dt a:hover, .head_wrap dl.menu dd a:hover{font-size:15px;}
	.head_wrap dl.menu .on{font-size:15px;}

	.head_wrap dl.smenu dd{width:550px;}
	.head_wrap dl.smenu dd a{margin:0 5px;}

	.mcontainer{width:768px;}
	.mcontainer .mc_l_content{width:500px;}
	.mcontainer .mc_l_content .mc_l_thum img{width:100%;height:auto;}
	.mc_l_thum .photosgallery-captions{width:500px;}

	/* Buttons > Go buttons */
	.mc_l_thum .photosgallery-captions .sliderkit-go-btn{width:50px;}
	.mc_l_thum .photosgallery-captions .sliderkit-go-btn a{width:50px;}

	/* Panel */
	.mc_l_thum .photosgallery-captions .sliderkit-panel{width:500px;}

	/* Panel > Textbox */
	.mc_l_thum .photosgallery-captions .sliderkit-panel .sliderkit-panel-textbox{width:500px;}
	.mc_l_thum .photosgallery-captions .sliderkit-panel .sliderkit-panel-text h4{width:485px;}
	.mc_l_thum .photosgallery-captions .sliderkit-panel .sliderkit-panel-overlay{width:500px;}

	.mcontainer .mc_r_content{display:block;}

	.mcontainer .mc_l_content .mc_article{width:500px;}
	.mc_article .mca_case{padding:5px 10px 10px;}
	.mc_article .mca_case h1{font-size:20px;}
	.mc_article .mca_case h3{font-size:13px;}
	.mc_article .mca_case .mca_copy .mca_thum{width:200px;}
	.mc_article .mca_case .mca_copy .mca_txt{width:265px;}

	.mc_article .mca_news .mca_list .mca_left{width:47%;}
	.mc_article .mca_news .mca_list .mca_right{display:block;}

	.mc_r_thum .photosgallery-std .sliderkit-nav{border-left:0px;border-left:none;}

	.mcontainer .mc_r_content{width:250px;margin-left:18px;}

	.mm_content{width:768px}
	.mm_content .mm_l_cont{width:500px;}
	.mm_l_cont .mm_l_title{width:500px;}
	.mm_l_cont .mm_l_title span{right:10px;}
	.mm_l_cont .mm_l_case{width:240px;height:232px;margin:0 16px 10px 0;}
	.mm_l_cont .mm_l_case .mm_l_thum, .mm_l_cont .mm_r_case .mm_r_thum{height:150px;}
	.mm_l_cont .mm_r_case{width:240px;display:block;}

	.st_content .stc_title{width:486px;}
	.st_content .stc_search{width:243px;margin-left:32px;display:block;}

	.sc_content li.news_mlist .thum{width:130px;height:80px;margin:3px 13px 0 0;line-height:80px;}
	.sc_content li.news_mlist .thum img{width:160px;}
	.sc_content li.news_mlist .txt{width:355px;}
	.sc_content li.news_mlist .txt b{font-size:14px;}
	.sc_content li.news_mlist .txt p{font-size:11px;}

	.sc_content li.news_mlist .copy b{font-size:14px;}
	.sc_content li.news_mlist .copy p{font-size:11px;}
	.sc_content li.news_mlist .copy p.info{font-size:11px;}

	.m_rnb_wrap{width:250px;margin-left:18px;display:block;}

	#footer_wrap{width:768px;}
}

@media screen and (min-width: 900px) {
	/*최소900px ~ 그 이상일때 까지*/
	#wrap{width:900px;overflow:hidden;}

	.head_wrap dl.menu{width:670px;display:block;}
	.head_wrap dl.menu dt{width:110px;}
	.head_wrap dl.menu dd{width:110px;}
	.head_wrap dl.menu dt a:hover, .head_wrap dl.menu dd a:hover{font-size:17px;}
	.head_wrap dl.menu .on{font-size:17px;}

	.head_wrap dl.smenu dd{width:660px;}
	.head_wrap dl.smenu dd a{margin:0 10px;}

	.mcontainer{width:900px;}
	.mcontainer .mc_l_content{width:625px;}
	.mcontainer .mc_l_content .mc_l_thum img{width:100%;height:auto;}
	.mc_l_thum .photosgallery-captions{width:615px;}

	/* Buttons > Go buttons */
	.mc_l_thum .photosgallery-captions .sliderkit-go-btn{width:50px;}
	.mc_l_thum .photosgallery-captions .sliderkit-go-btn a{width:50px;}

	/* Panel */
	.mc_l_thum .photosgallery-captions .sliderkit-panel{width:615px;}

	/* Panel > Textbox */
	.mc_l_thum .photosgallery-captions .sliderkit-panel .sliderkit-panel-textbox{width:615px;}
	.mc_l_thum .photosgallery-captions .sliderkit-panel .sliderkit-panel-text h4{width:600px;}
	.mc_l_thum .photosgallery-captions .sliderkit-panel .sliderkit-panel-overlay{width:615px;}

	.mcontainer .mc_r_content{display:block;}

	.mcontainer .mc_l_content .mc_article{width:625px;}
	.mc_article .mca_case{padding:5px 10px 10px;}
	.mc_article .mca_case h1{font-size:20px;}
	.mc_article .mca_case h3{font-size:13px;}
	.mc_article .mca_case .mca_copy .mca_thum{width:200px;}
	.mc_article .mca_case .mca_copy .mca_txt{width:390px;}

	.mc_article .mca_news .mca_list .mca_left{width:47%;}
	.mc_article .mca_news .mca_list .mca_right{display:block;}

	.mc_r_thum .photosgallery-std .sliderkit-nav{border-left:0px;border-left:none;}

	.mcontainer .mc_r_content{width:250px;margin-left:25px;}

	.mm_content{width:900px;}
	.mm_content .mm_l_cont{width:625px;}
	.mm_l_cont .mm_l_title{width:100%;}
	.mm_l_cont .mm_l_title span{right:10px;}
	.mm_l_cont .mm_l_case{width:303px;height:232px;margin:0 15px 10px 0;}
	.mm_l_cont .mm_l_case .mm_l_thum, .mm_l_cont .mm_r_case .mm_r_thum{height:150px;}
	.mm_l_cont .mm_r_case{width:303px;display:block;}

	.m_rnb_wrap{width:250px;margin-left:25px;display:block;}

	.st_content .stc_title{width:617px;}
	.st_content .stc_search{width:243px;margin-left:32px;display:block;}

	.sc_content li.news_mlist .thum{width:130px;height:80px;margin:3px 13px 0 0;line-height:80px;}
	.sc_content li.news_mlist .thum img{width:160px;}
	.sc_content li.news_mlist .txt{width:355px;}
	.sc_content li.news_mlist .txt b{font-size:14px;}
	.sc_content li.news_mlist .txt p{font-size:11px;}

	.sc_content li.news_mlist .copy b{font-size:14px;}
	.sc_content li.news_mlist .copy p{font-size:11px;}
	.sc_content li.news_mlist .copy p.info{font-size:11px;}

	#footer_wrap{width:900px;}
}