@charset "utf-8";

/* 공통사용 */
html{height:100%; }
li,ul{margin:0px; padding:0px; list-style:none; display:list-item; text-align:-webkit-match-parent;}
img{border:0px;}
body{overflow-y:scroll; .overflow-y:auto; margin:0px; padding:0px; font-family: 'NotoSans';}
input:focus{outline:none;}
select:focus{outline:none;}
div{font-family: 'NotoSans';}

/*
input[type="text"], input[type="number"], input[type="tel"], input[type="password"], input[type="email"], input[type="search"], textarea, select {-webkit-appearance: none;  border-radius:0; margin:0;}
* {-webkit-text-size-adjust:none;}
*/

p{padding:0px; margin:0;}


/* Mobile Device */
/*768px 미만 해상도의 모바일 기기를 위한 코드를 작성한다. 모든 해상도에서 이 코드가 실행됨. 미디어 쿼리를 지원하지 않는 모바일 기기를 위해 미디어 쿼리 구문을 사용하지 않는다.*/

a:link{text-decoration:none; color:#4a4a4a;}
a:visited{text-decoration:none; color:#4a4a4a;}
a:active{text-decoration:none; color:#4a4a4a;}
a:hover{text-decoration:none; color:#4a4a4a;}

.banner_pac{position:relative;}
.btnbtn_back{ padding:10px 0 10px 15px;}
.btnbtn_back img{width:40px;}
.banner_cont img{width:100%;}
.banner_cont{position:relative}
.banner_btn:link,.banner_btn:visited{background-color:#f0ad41;color:#fff;position:absolute;bottom:-20px;left:50%;transform:translate(-50%);padding:10px 20px}


/* Tablet & Desktop Device */
@media all and (min-width:768px) {
/*사용자 해상도가 768px 이상일 때 이 코드가 실행됨. 테블릿과 데스크톱의 공통 코드를 작성한다.*/

.banner_pac{position:relative; width:700px; margin:0 auto;}
.cont_bgbg{background-color:#f5f5f5;}



}

/* Tablet Device */
@media all and (min-width:768px) and (max-width:1024px) {
/*사용자 해상도가 768px 이상이고 1024px 이하일 때 이 코드가 실행됨. 아이패드 또는 비교적 작은 해상도의 랩탑이나 데스크톱에 대응하는 코드를 작성한다.*/



}
/* Desktop Device */
@media all and (min-width:1280px) and (max-width:1920px) {
/*사용자 해상도가 1025px 이상일 때 이 코드가 실행됨. 1025px 이상의 랩탑 또는 데스크톱에 대응하는 코드를 작성한다.*/




}

/* Desktop Device */
@media all and (min-width:1921px) {
/*사용자 해상도가 1025px 이상일 때 이 코드가 실행됨. 1025px 이상의 랩탑 또는 데스크톱에 대응하는 코드를 작성한다.*/



}