@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:auto; margin:0px; padding:0px; word-break:keep-all; font-family: 'NotoSans'; }
dt{padding:0 0 0 0; margin:0 0 0 0;}
dd{padding:0 0 0 0; margin:0 0 0 0;}

input[type="text"], input[type="number"], input[type="tel"], input[type="password"], input[type="email"], input[type="search"], textarea{-webkit-appearance:none;/*기본속성없애기*/  border-radius:0;/*기본 라운드 없애기*/ margin:0; font-family: 'NotoSans';}
* {-webkit-text-size-adjust:none;}
p{padding:0px; margin:0;}
textarea{font-family: 'NotoSans';}
input:focus{outline:none;}
*:focus{outline:none;}
select{-webkit-appearance:none; border-radius:0;}


/*기본링크*/
A:link {color: #5c5c5c; text-decoration: none; font-family: 'NotoSans';}
A:visited {color: #5c5c5c; text-decoration: none; font-family: 'NotoSans';}
A:active {color: #1c1c1c; text-decoration: none; font-family: 'NotoSans';}
A:hover {color: #3c3c3c; text-decoration: none; font-family: 'NotoSans';}

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

/* main */
.all_wrap{background:url(../images/bg.png) center top no-repeat; background-size:1000px;}
.main_title{padding:120px 0 0 30px;}
.main_title img{width:230px;}

/* button */
.main_btn_pac{text-align:center; padding:30px 0 30px 0;}
.btn_gogo{background-color:#e83232; color:#fff; font-size:18px; display:inline-block; font-weight:bold; letter-spacing:-1px; padding:10px 25px 10px 25px; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; cursor:pointer;}

/* contents */
.first_cont{font-size:15px; padding:0 0 0 30px;}
.first_cont dt{font-weight:bold; padding:0 0 5px 0; color:#f26d3d;}
.first_cont dd span{font-weight:bold;}

.pro_title{font-size:18px; font-weight:bold; padding:18px 0 0px 0px;}
.pro_pac{padding:0px 0px 0 0px; border-top:2px solid #f26d3d; margin:30px 30px 0px 30px;}
.pro_time{font-size:16px; font-weight:bold; color:#f26d3d; padding:5px 0 18px 0; border-bottom:1px solid #ddd;}
.pro_unit{padding:10px 0 10px 0; border-bottom:1px solid #ddd;}
.pro_unit dt{font-weight:bold; width:60px; display:inline-block; vertical-align:text-top; font-size:14px; padding:0 0 0px 0; line-height:22px;}
.pro_unit dd{font-size:12px; width:calc(100% - 68px); display:inline-block; vertical-align:text-top; padding:0 0 0px 0; line-height:22px; letter-spacing:-0.5px;}
.pro_unit dd span{font-weight:bold; font-size:14px;}

.wrap_box{padding:0 0 30px 0;}
.logo_pac{text-align:center; padding:30px 0 30px 0;}
.logo{display:inline-block; padding:0 5px 0 5px;}
.logo img{width:130px;}




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

.all_wrap{background:url(../images/bg.png) center top no-repeat; background-size:auto;}
.main_title{padding:120px 0 0 0px;}
.main_title img{width:auto;}
.wrap_box{width:1024px; margin:0 auto; padding:0 0 30px 0;}

.first_cont{font-size:15px; padding:0 0 0 0px;}
.pro_pac{padding:0px 0px 0 0px; border-top:2px solid #f26d3d; margin:30px 30px 0px 0px; display:inline-block; vertical-align:text-top; width:493px;} /* 2단 493px, 3단 317px */
.pro_pac:nth-child(2){margin:30px 0 0 0;}
.pro_pac:nth-child(4){margin:30px 0 0 0;}
.pro_pac:nth-child(6){margin:30px 0 0 0;}
.cont_wrap_box{padding:0 0 30px 0;}
.logo img{width:180px; margin:0px 0 20px 0;}

.pro_unit dt{font-weight:bold; width:80px; display:inline-block; vertical-align:text-top; font-size:14px; padding:0 0 0px 0; line-height:22px;}
.pro_unit dd{font-size:12px; width:calc(100% - 88px); display:inline-block; vertical-align:text-top; padding:0 0 0px 0; line-height:22px; letter-spacing:-0.5px;}

/* button */
.main_btn_pac{text-align:center; padding:50px 0 30px 0;}
.btn_gogo{background-color:#e83232; color:#fff; font-size:18px; display:inline-block; font-weight:bold; letter-spacing:-1px; padding:14px 40px 14px 40px; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; cursor:pointer;}



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


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



}