body{margin:0;}
form{margin:0;padding:0;}
sup > a{text-decoration:none;color:#ff0000;}
time{font-size:13px;color:#00B5FF;margin-left:10px;}

@media screen and (min-width:1000px) {
.maincnt{display:block;width:1000px;margin:0 auto;background:url('/pix/main_mobile.png') no-repeat left 320px top 320px;}
.subcnt{display:block;width:1000px;margin:0 auto;}

.main_menu{display:inline-block;margin:120px 0 0 40px;color:#ffffff;font-family:Arial;font-size:14px;letter-spacing:0.1em;}
.main_logo{display:block;margin:45px 0 25px 0;/*border:1px solid #ff6600;*/}
.main_img{display:block;width:1000px;height:159px;margin:0;border-radius:5px;background-color:#586069;
	background-image:url('/pix/best_ecatasys.png'), url('/pix/banner_back.png');
	background-repeat:no-repeat;
	background-position:top 35px right 30px, top left;}

.main_ecatasys{display:block;margin:40px 0 0 35px;width:350px;height:115px;}
.main_qmenu{display:block;width:206px;height:200px;margin:-130px 0 75px 794px;}

.main_currver{display:block;margin:60px 0 0 50px;color:#444444;
	font-family:Tahoma, Verdana;font-size:18px;font-weight:bold;letter-spacing:0.1em;}
.main_currver > p{margin:10px 0 0 40px;padding:0;}
.main_currver > p > a{font-size:14px;color:#002fdf;font-weight:normal;text-decoration:none;}

.sub_title{display:block;width:1000px;height:33px;text-align:right;margin:40px 0 0 0;}
.sub_title2{display:block;width:1000px;height:29px;text-align:right;margin:20px 0 0 0;}

.sub_mappix{display:block;margin:10px 0 80px 0;}
.sub_mappix > img{vertical-align:top;margin-left:254px;}

.sub_divide{border-width:0;border-top:1px dashed #cccccc;margin:40px 0 0 30px;}

.comp_img{display:inline-block;vertical-align:top;margin:0 0 0 30px;width:194px;height:391px;}
.comp_div{display:inline-block;vertical-align:top;margin:0 0 0 30px;width:700px;height:391px;}
.comp_div2{display:inline-block;vertical-align:top;margin:0 0 0 30px;width:700px;height:480px;}
.comp_div3{display:inline-block;vertical-align:top;margin:0 0 0 30px;width:700px;}

.footnote{margin:30px 0 40px 0;}

.main_copy{display:block;width:1000px;height:42px;margin:0 auto;border-top:1px solid #979797;text-align:right;}
.main_copy > img{display:inline-block;margin:8px 0 0 8px;}
}

@media screen and (min-width:350px) and (max-width:999px) {
.maincnt{display:block;width:100%;margin:0;}
.subcnt{display:block;width:100%;margin:0;}

.main_menu{display:inline-block;margin:120px 0 0 40px;color:#ffffff;font-family:Arial;font-size:14px;letter-spacing:0.1em;}
.main_logo{display:block;margin:25px 0 5px 5px;/*border:1px solid #ff6600;*/}
.main_img{display:block;width:100%;height:159px;margin:0;background-color:#586069;
	background-image:url('/pix/best_ecatasys.png'), url('/pix/banner_back.png');
	background-repeat:no-repeat;
	background-position:top 25px right 20px, top left;}

.main_ecatasys{display:block;margin:40px 0 0 35px;width:350px;}
.main_ecatasys > img{width:100%;}
.main_qmenu{display:block;width:206px;height:200px;float:right;margin:-200px 5px 0 0;}

.main_currver{display:block;margin:60px 0 0 50px;color:#444444;
	font-family:Tahoma, Verdana;font-size:18px;font-weight:bold;letter-spacing:0.1em;}
.main_currver > p{margin:10px 0 0 40px;padding:0;}
.main_currver > p > a{font-size:14px;color:#002fdf;font-weight:normal;text-decoration:none;}

.sub_title{display:block;width:100%;height:33px;text-align:right;margin:20px 0 0 0;}
.sub_title > img{margin-right:5px;}
.sub_title2{display:block;width:100%;height:29px;text-align:right;margin:20px 0 0 0;}

.sub_mappix{display:block;margin:10px 0 40px 0;}
.sub_mappix > img{vertical-align:top;margin-left:254px;}

.sub_divide{border-width:0;border-top:1px dashed #cccccc;margin:40px 10px 0 10px;}

.comp_img{display:none;}
.comp_div{display:inline-block;vertical-align:top;margin:0 10px;width:calc(100% - 20px);height:391px;}
.comp_div2{display:inline-block;vertical-align:top;margin:0 10px;width:calc(100% - 20px);height:480px;}
.comp_div3{display:inline-block;vertical-align:top;margin:0 10px;width:calc(100% - 20px);}

.footnote{width:calc(100% - 20px);margin:30px 10px 40px 10px;}

.main_copy{display:block;width:100%;height:42px;margin:40px 0 0 0;border-top:1px solid #979797;text-align:right;}
.main_copy > img{display:inline-block;margin:8px 5px 0 8px;}
}

@media screen and (max-width:349px) {
.maincnt{display:block;width:100%;margin:0;}
.subcnt{display:block;width:100%;margin:0;}

.main_menu{display:inline-block;margin:120px 0 0 40px;color:#ffffff;font-family:Arial;font-size:14px;}
.main_logo{display:block;margin:25px 0 5px 5px;/*border:1px solid #ff6600;*/}
.main_img{display:block;width:100%;height:159px;margin:0;background-color:#586069;
	background-image:url('/pix/best_ecatasys.png'), url('/pix/banner_back.png');
	background-repeat:no-repeat;
	background-position:top 25px right 20px, top left;}

.main_ecatasys{display:block;margin:20px 5px 0 5px;width:calc(100% - 10px);}
.main_ecatasys > img{width:100%;}
.main_qmenu{display:block;width:206px;height:200px;margin:5px 5px 5px 20px;}

.main_currver{display:block;margin:30px 0 0 20px;color:#444444;
	font-family:Tahoma, Verdana;font-size:18px;font-weight:bold;letter-spacing:0.1em;}
.main_currver > p{margin:10px 0 0 10px;padding:0;}
.main_currver > p > a{font-size:14px;color:#002fdf;font-weight:normal;text-decoration:none;}

.sub_title{display:block;width:100%;height:33px;text-align:right;margin:20px 0 0 0;}
.sub_title > img{margin-right:5px;}
.sub_title2{display:block;width:100%;height:29px;text-align:right;margin:20px 0 0 0;}

.sub_mappix{display:block;margin:5px 0 10px 0;width:calc(100% - 10px);}
.sub_mappix > div > img{width:100%;}

.sub_divide{border-width:0;border-top:1px dashed #cccccc;margin:40px 10px 0 10px;}

.comp_img{display:none;}
.comp_div{display:block;vertical-align:top;margin:0 10px;width:calc(100% - 20px);}
.comp_div2{display:block;vertical-align:top;margin:0 10px;width:calc(100% - 20px);}
.comp_div3{display:block;vertical-align:top;margin:0 10px;width:calc(100% - 20px);}

.footnote{width:calc(100% - 20px);margin:30px 10px 40px 10px;}

.main_copy{display:block;width:100%;height:42px;margin:40px 0 0 0;border-top:1px solid #979797;text-align:right;}
.main_copy > img{display:inline-block;margin:8px 5px 0 8px;}
}

.main_logo > a > img{display:block;}

.main_menu > a{text-decoration:none;color:#ffffff;}

.main_qmenu > p{margin-top:40px;}

.sub_mainpix{display:block;margin:20px 0 0 0;}

.comp_div > p, .comp_div2 > p, .comp_div3 > p{font-family:Tahoma, Verdana;font-size:14px;}


.comp_div3 > dl{display:block;}
.comp_div3 > dl > dt{font-family:Tahoma, Verdana;font-size:16px;height:30px;}
.comp_div3 > dl > dt:not(:first-child){margin-top:20px;}
.comp_div3 > dl > dd{font-family:Tahoma, Verdana;font-size:15px;color:#586069;}

.comp_div3 > dl > dd > ul{margin-top:0;}
.comp_div3 > dl > dd > ul > li{margin-left:-25px;}

.comp_div3 > ul{margin-top:0;}
.comp_div3 > ul > li{font-family:Tahoma, Verdana;font-size:16px;margin-top:20px;}

.footnote > p{font-family:돋움;font-size:12px;margin:5px 0 0 0;}

