/* ÃʱâÈ­ */
#wrap{ min-width: 280px;}
html {overflow-y:scroll;  }
body {margin:0;padding:0;font-size:0.75em;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
header ul, nav ul, footer ul {margin:0;padding:0;list-style:none}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
input[type=text], input[type=password], input[type=submit], input[type=image], button {border-radius:0;font-size:1em;-webkit-appearance:none}
textarea, select {font-size:1em;font-family:dotum}
textarea {border-radius:0;-webkit-appearance:none}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}

#sct_win .win_btn {text-align:center; margin-top: 5%;}
#sct_win .win_btn button {display:inline-block;padding:0 10px;height:2.5em;border:0;background:#666;color:#fff;text-decoration:none;line-height:2.5em}
#sct_win h1{font-weight: 600; font-family: Noto Sans KR, sans-serif; font-size:1.4em;padding:5%;}

@media screen and (max-width: 320px){
	#sct_win img{width:100%;    
	}
	
}


.left_member_view{height:30px;padding:0px 0 0 5px;border-left:1px;}
.btn_back_go{display:block;position:absolute;left:0px;top:0px;width:50px;height:50px;}
.icon_back_go{ display:block; width:50px; height:50px; background:url(/m/img/back_icon.png) no-repeat 12px 18px;background-size:35px 24px;-webkit-background-size:45%;}
.member_nic_name{color:#fff;font-size:14px;padding:10px 0 0 5px;display:block;}
.left_member_icons{margin:13px 0px 0px 43px;}

.btn_mem_t1{height:30px;background:#fff;border:0 none;cursor:pointer;margin-left: 5%;}
.btn_in_t1{text-align:center;color:#333;font-size: 1.4em;border-bottom: 1px solid #303030; }
.btn_in_t2{text-align:center;font-size: 1.1em; color:#636363; border: 1px solid #7f7f7f; border-radius: 20px; padding: 5px 14px;}

/*Åùè¹è¼Û¾È³»*/
#info{margin-top:13%; border-top: 1px solid #dedede; padding-top: 3%; padding-bottom: 4%;}
#info h1{font-weight: 500; font-family: Noto Sans kr, sans-serif; font-size:1.4em;padding:5% 5% 0% 5%;}
#info .content{font-weight: 400; font-family: Noto Sans, sans-serif; font-size:1.1em;padding: 0 4% 0 5%; color:#707070;}
#info .content ul{padding: 0 0% 0 5%;width: 90%;}
#info .content ul li{margin-bottom: 3%;list-style-position: outside;list-style-type: circle;   line-height: 140%;}



/*°í°´¼¾ÅÍ,°èÁ¾ȳ»*/
#cs{padding: 7% 0% 45% 5%; border-top: 1px solid #dedede;  border-bottom: 1px solid #dedede; margin-bottom: 7%;}
#cs h1{font-weight: 500; font-family: Noto Sans kr, sans-serif; font-size:1.3em; color:#2d2d2d; margin-bottom:8%;}
#cs .left{float:left; width: 45%; font-weight: 400; font-family: Noto Sans, sans-serif; font-size:1em; color:#707070;}

#cs .left .txt{font-size:0.95em; color:#707070;margin-bottom:3%}
#cs .left img{width:12%; position: relative; bottom: 1px; margin-right:2%;}
#cs .num {width:100px; border: 1px solid #cdcdcd; padding: 3% 5% 3% 5%; border-radius: 8px; margin-bottom:6%;}
#cs .num a{font-size:1.1em; font-weight: 500; color:#484848;}
#cs .left div:nth-child(s4){margin-top:9%;}
#cs .right{float:left; width: 52%; font-weight: 400; font-family: Noto Sans, sans-serif; font-size:1em; color:#707070; padding:;}
#cs .right img{width:30%;margin-right:3%;position: relative; bottom: 1px;}
#cs .right p{font-size:0.9em; margin-top:5%; padding-bottom:10%; color:#818181;}
#cs .right > div{margin-bottom:2%; font-size:1em;}



/*ÃÖ±Ù»óÇ°*/
.product_view{margin-top:10%;height:190px;}
.product_view h1{font-weight: 500; font-family: Noto Sans kr, sans-serif; font-size:1.4em; color:#2d2d2d;  padding:10% 0 1% 5%; }
.product_view .txt{font-weight: 400; font-family: Noto Sans kr, sans-serif; font-size:1.1em; color:#999; text-align: center; padding-top:5%;}


/*ȸ»ç¼Ò°³¹è³Ê*/
#company_intro{width:90%; margin:auto;  margin-bottom: 8%; }
#company_intro img{width:100%;}
#company_intro p{font-weight: 400; font-family: Noto Sans kr, sans-serif; font-size:1.1em; color:#494949; text-align: center; padding: 4% 0; border: 1px solid #dedede;}


#topQuickMenu ul{display:inline-block; border-bottom: 1px solid #cdcdcd; border-top: 1px solid #cdcdcd; padding:0;}
#topQuickMenu li{list-style:none; float: left; width: 24%; padding:3.5% 0 3.5% 1%; text-align: center;}
#topQuickMenu img{width:19%; padding-right: 3%; position: relative; bottom: 1px;}
#topQuickMenu .img2{width:26%;}
#topQuickMenu a{font-weight: 400; font-family: Noto Sans kr, sans-serif; font-size:1em; color:#494949; text-align: center; }


@media screen and (max-width: 280px){
	#sct_win h1{font-size:1.2em ; }
	#info h1{font-size:1.2em;padding:5% 5% 0% 5%; margin-bottom: 7%;}
	#info .content{font-weight: 400; font-family: Noto Sans kr, sans-serif; font-size:0.8em; padding: 0 4% 0 6%; color:#707070;}
		
	#cs h1{font-weight: 500; font-family: Noto Sans kr, sans-serif; font-size:1.2em !important; color:#2d2d2d; margin-bottom:8%;}
	#cs{padding: 8% 0% 50% 5%; }
	#cs h1{font-weight: 500; font-family: Noto Sans kr, sans-serif; font-size:1.4em; color:#2d2d2d; margin-bottom:8%;}	
	#cs .left .txt{font-size:0.7em ; color:#707070;margin-bottom:%}	
	#cs .num {width:90px; border: 1px solid #cdcdcd; padding: 3% 5% 3% 5%; border-radius: 8px; margin-bottom:6%;}
	#cs .num a{font-size:1em ; font-weight: 500; color:#484848;   }
	
	#cs .right{float:left; width: 50%; font-weight: 400; font-family: Noto Sans, sans-serif; font-size:1em; color:#707070; padding:;}	
	#cs .right p{font-size:0.7em ; margin-top:6%; padding-bottom:10%; color:#818181;}
	#cs .right > div{margin-bottom:2%; font-size:0.8em;}
	
	
	.product_view h1{font-size:1.2em; color:#2d2d2d;  padding:10% 0 1% 5%; }
	
	#topQuickMenu li{list-style:none; float: left; width: 23%; padding: 3% 0 4% 2%; text-align: center;}
	#topQuickMenu img{width:19%; padding-right: 3%; position: relative; bottom: 1px;}
	#topQuickMenu .img2{width:23%;}
	#topQuickMenu a{font-weight: 400; font-family: Noto Sans kr, sans-serif; font-size:0.8em; color:#494949; text-align: center; }
	
	#bottom_navi p{font-size:0.8em; margin-top:8%;}
	
	.btn_in_t1{text-align:center;color:#333;font-size: 1.1em; }
	.btn_in_t2{text-align:center;font-size: 0.9em;}
	#cate_icon h1{font-size: 1.2em !important;}
	#cate_icon p{font-size: 0.9em !important;}	
}


@media screen and (min-width: 700px){
	
	#info{margin-top:10%;}
	#info .content ul li{margin-bottom: 1%;}
	#info h1{padding:2% 5% 0% 5%; font-family: Noto Sans kr, sans-serif; font-size:1.4em;}
	#info .content ul{padding-left:3%;  padding-top:1%;width: 90%;}
	#info .content{font-weight: 400; font-family: Noto Sans kr, sans-serif; font-size:1.2em;padding: 0 4% 0 5%; color:#707070;}
	
	#cs{padding: 5% 0% 28% 5% ; }
	#cs h1{ margin-bottom:5% ;font-size:1.4em;  }
	#cs .num {width:130px; border: 1px solid #cdcdcd; padding: 2% 5% 2% 5%; border-radius: 8px; margin-bottom:1%;}
	#cs .num a{font-size:1.4em ; font-weight: 500; color:#484848;  }
	#cs .left .txt{font-size:1.2em ; color:#707070; margin-bottom:2% ;}	
	#cs .left img{width:12% ; position: relative;  margin-right:3% ;}
	
	#cs .left div:nth-child(4){margin-top:4% ;}
	#cs .right img{width:15% ; margin-right:2% ;}
	#cs .right > div{font-size:1.3em; margin-bottom:1% ;}
	#cs .right p{font-size:1.2em; margin-top:4% ; padding-bottom:10%; color:#818181;}
	
	.product_view{margin-top:1%;}
	.product_view h1{font-size:1.4em ; color:#2d2d2d;  padding:5% 0 1% 5%; }
	
	#company_intro{width:90%; margin:auto;  margin-bottom: 5%; }
	#company_intro p{ font-size:1.4em;}
	
	#topQuickMenu li{padding:1.5% 1% 1.5% 0%; }
	#topQuickMenu a{font-weight: 400; font-family: Noto Sans kr, sans-serif; font-size:1.2em; color:#494949; text-align: center; }
	
	#bottom_navi p{font-size:1.2em ; margin-top:8%;}
	#bottom_navi img{width:30% !important;}
	#topQuickMenu img{width:12%;}
	#topQuickMenu .img2{width:18%;}
	
	#company_intro{margin-bottom: 8%; }
	
	#cate_icon{padding-bottom: 98% !important;}
	#cate_icon img{width:30% !important;}
	#cate_icon p{
	
	font-size: 1.2em !important;
	
	}	
	
}



@media screen and (min-width: 1000px){
	#info .content ul li{margin-bottom: 1%;}
	#info h1{padding:2% 5% 0% 5%; font-family: Noto Sans kr, sans-serif; font-size:1.5em;}
	#info .content ul{padding-left:2%; width: 90%;}
	
	#sct_win h1{font-weight: 600; font-family: Noto Sans KR, sans-serif; font-size:1.5em;padding:5%;}
	
	#cs{padding: 5% 0% 23% 5% ; }
	#cs h1{ margin-bottom:5% ; font-size:1.5em;}
	#cs .num {width:160px; border: 1px solid #cdcdcd; padding: 1.5% 2% 1.5% 4%; border-radius: 8px; margin-bottom:1%;}
	#cs .num a{font-size:1.6em ; font-weight: 500; color:#484848;  }
	
	#cs .left .txt{font-size:1.3em ; color:#707070; margin-bottom:1.5% ;}	
	#cs .left img{width:12% ; position: relative;  margin-right:3% ;}	
	#cs .left div:nth-child(4){margin-top:3% ;}
	#cs .right img{width:13% ; margin-right:2% ; position: relative; bottom: 2px;}
	#cs .right > div{margin-bottom:1% ; font-size:1.4em;}
	#cs .right p{font-size:1.2em; margin-top:3% ; padding-bottom:10%; color:#818181;}
	.product_view{margin-top:1%;}
	.product_view h1{font-size:1.5em; color:#2d2d2d;  padding:5% 0 1% 5%; }
	#company_intro{width:90%; margin:auto;  margin-bottom: 7%; }
	#company_intro p{font-weight: 400; font-family: Noto Sans kr, sans-serif; font-size:1.4em; color:#494949; text-align: center; padding: 2% 0; border: 1px solid #dedede;}
		
	#topQuickMenu li{list-style:none; float: left; width: 23%; padding: 1.3% 0 1% 2%; text-align: center;}
	#topQuickMenu img{width:8%; padding-right: 3%; position: relative; bottom: 1px;}
	#topQuickMenu .img2{width:12%;}
	#topQuickMenu a{font-weight: 400; font-family: Noto Sans kr, sans-serif; font-size:1.3em; color:#494949; text-align: center; }
	
	#bottom_navi p{font-size:1.2em ; margin-top:5% !important;}
	#bottom_navi img{width:17% !important;}
	#bottom_navi li{padding: 2.5% !important;}
	
	#company_intro{margin-bottom: 7%; }
	
	#cate_icon{padding-bottom: 87% !important ;}
	#cate_icon img{width:23% !important ;}
	#cate_icon p{
	color: #313131;
    text-decoration: none;
    font-weight: 500;
    font-family: Noto Sans KR, sans-serif;	
	font-size: 1.3em !important ;
	text-align: center;
	margin-top: 6%;
	}	
	#cate_icon h1{	
	
    font-size: 1.5em !important;
    }
}

	
.close img {
	width:8%;
	position: relative;
    left: 230px;
    display: block;
    bottom: 40px;
}


/*ÇϴܹÙ*/
#bottom_navi ul{
	width: 100%;
    padding: 0;
	margin: 0;
}
#bottom_navi li{
	display:inline-block;
	float:left;
	width:25%;
	text-align: center;
    border-top: 1px solid #d3d3d3; 
	
	border-left: 1px solid #d3d3d3; 
    padding: 4%;
    box-sizing: border-box;

}
	

#bottom_navi img{
	width:50%;
}
#bottom_navi p{
	margin-top:8%;
}
/*ÇϴܹÙ*/



/*Ä«Å×°í¸®*/

#cate_icon{
	padding-bottom: 130%;
	
}

#cate_icon ul{
	padding:0;
}
#cate_icon li{
	display: inline-block;  
	width:25%;
	float:left;
	margin:0% 0% 5% 0%;
	text-align: center;
	padding-bottom: 2%;
}

#cate_icon img{
	width:50%;
}

#cate_icon p{
	color: #313131;
    text-decoration: none;
    font-weight: 500;
    font-family: Noto Sans KR, sans-serif;	
	font-size: 1em;
	text-align: center;
	margin-top: 6%;
}	
	
#cate_icon h1{	
	font-weight: 500;
    font-family: Noto Sans KR, sans-serif;
    font-size: 1.4em;
    padding: 5%;
}

/*Ä«Å×°í¸®*/