﻿@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

*{text-decoration:none; font-style:normal;}
body{padding:0; margin:0; font-family:"NanumGothic"; font-size:62.5%;}
p,a,ul,li,pre{padding:0; margin:0; list-style:none;}
video,embed,object,img{border:0; max-width:100%;}
img{vertical-align:top;}
a{display:inline-block; zoom:1; *display:inline;}
a:link {color:#ffffff;}
a:visited {color:#ffffff;}
a:active {color:#ffffff;}
a:hover{color:#ffffff;}

form{display:inline;}
fieldset{border:0;}
legend{display:none;}

input,select,radio{vertical-align:middle;}
input[type=submit]{cursor:pointer;}
input[type=radio]{width:13px; padding:0; margin:0;}

/*    css 리셋 --------------------------------------------------------       */


/*
input[type=checkbox]{width:13px; height:13px; padding:0; margin:0; vertical-align:bottom; position:relative; top: 2px; *overflow:hidden;}

#header{width:100%; position:relative;}
#header_main{width:960px; height:778px; background-image:url('../images/header_main.jpg'); margin:0 auto; position:relative; z-index:30;}
#header_left{width:50%; height:778px; position:absolute; right:50%; margin-right:480px; top:0; background-image:url('../images/header_left.jpg'); background-position:right top; background-repeat:repeat-x; z-index:1;}
#header_right{width:50%; height:778px; position:absolute; left:50%; margin-right:480px; top:0; background-image:url('../images/header_right.jpg'); background-position:480px top; background-repeat:no-repeat; z-index:1;}
*/
 

.header_bg{width:100%; position:relative; background-color:#fff0dd;}
.header{width:90%; margin:0 auto; position:relative; z-index:30; padding-bottom:10%;}

.contents1_bg{width:100%; position:relative; border-bottom:1px dashed #c9c9c9; background-color:#cecece; z-index:1;}
.contents1{width:100%; height:500px;position:relative; background-image:url('../images/contents1_bg.jpg'); background-position:-120px -70px; background-repeat:no-repeat;}
.contents1_text{width:100%; margin:0 auto; text-align:right; position:relative; z-index:30; padding:10% 0 10% 0;}

.contents2_bg{width:100%; background-color:#f9f9f9;}
.contents2{width:100%;height:500px padding:15% 0 15% 0;}
.contents2_title{width:100%; margin:0 auto; text-align:center;margin-bottom:0%;}
.contents2_con1{width:100%; height:700px; border-bottom:1px solid #aeaeae; background-image:url('../images/contents2_in1_bg.jpg'); 
background-position:-10px bottom; background-repeat:no-repeat;}
.contents2_con2{width:100%; border-bottom:1px solid #aeaeae;}
.contents2_con3{width:100%; border-bottom:1px solid #aeaeae;}
.contents2_con4{width:100%; border-bottom:1px solid #aeaeae;}
.contents2_con5{width:100%; border-bottom:1px solid #aeaeae;}

.contents2_in_title{width:60%;}
.contents2_in1{width:90%; margin:0 auto; margin-top:5%; text-align:right;}
.contents2_in1 ul{width:100%; text-align:left; display:inline-block; zoom:1; *display:inline;}
.contents2_in2{width:90%; margin:0 auto; margin-top:5%; padding-bottom:5%;}
.contents2_in3{width:90%; margin-top:5%; margin-left:5%; padding-bottom:5%; text-align:right;}
.contents2_in3 ul{width:100%; text-align:left; display:inline-block; zoom:1; *display:inline;}
.contents2_in4 ul{margin-bottom:5%;width:90%;margin-top:5%;margin-left:5%; text-align:left; display:inline-block; zoom:1; *display:inline;}
.contents2_in5{width:90%; margin:0 auto; margin-top:5%;}

.contents2_sub{font-size:2.2em; font-family:"Nanum Myeongjo"; line-height:1.1em; color:#222222; margin-top:7%; letter-spacing:-1.2px;}
.contents2_text{font-size:1.6em; line-height:1.3em; color:#4f4f4f; margin-top:4%;}
.contents2_text span{color:#bf1010;}
.contents2_in2_img,.contents2_in3_img,.contents2_in4_img,.contents2_in5_img{margin-top:4%; text-align:center;}
.contents2_in2_img li img,.contents2_in3_img li img{border:1px solid #bdbdbd;}

.form_top_bg{width:100%; position:relative; border-top:1px solid #c2adb5;}
.form_top{width:100%; margin:0 auto; position:relative; z-index:30; text-align:right; background-image:url('../images/form_top_bg.jpg'); background-position:left top; background-repeat:no-repeat;}
.form_title{width:100%; margin:0 auto;}

.form_bg{width:100%; background-image:url('../images/form_bg.jpg');}
.form{width:90%; margin:0 auto; color:#ffffff;}
.form_title{font-size:1.4em;line-height:1.4em; padding-bottom:1%;}

.form_in1,.form_in2{width:100%;}
.form_in1{padding-top:10%;}
.form_in1 ul{margin-bottom:10px;}
.form_in1 li,.form_in2 li{display:inline-block; zoom:1; *display:inline;}
.form_in_title,.age_title,.memo_title{font-size:1.4em; width:69px;}
.memo_title{vertical-align:top; margin-top:12px;}
.name_input,.age_input,.phone_input,.memo_input{width:70%;}
.phone_input1 input{width:40px;height:25px; border:1px solid #787878;font-size:2.0em; font-weight:bold;}
.phone_input2 input{width:60px;height:25px; border:1px solid #787878;font-size:2.0em; font-weight:bold;}
.phone_input3 input{width:60px;height:25px; border:1px solid #787878;font-size:2.0em; font-weight:bold;}

.name_input input{width:70%; height:25px; border:1px solid #787878;font-size:2.0em; font-weight:bold;}
.age_input input{width:40%; height:25px; border:1px solid #787878;font-size:2.0em; font-weight:bold;}
.phone_input input{width:100%; height:25px; border:1px solid #787878;font-size:2.0em; font-weight:bold;}
.memo_input textarea{width:100%; height:40px; border:1px solid #787878;}
.agree_input{margin-left:69px;}
.agree_text{font-size:1.2em; cursor:pointer;}
.form_in2{text-align:center; padding:2% 0 10% 0; width:100%;}
.form_button{width:100%; position:relative;}
.form_button input{width:80%; font-size:2.4em; font-weight:bold; color:#ffffff; padding:20px 0 20px 0; background-color:#8f1626; border:1px solid #9f4f55;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow:#2a2a2a 0px 2px 3px;
-moz-box-shadow:#2a2a2a 0px 2px 3px;
box-shadow:#2a2a2a 0px 2px 3px;
background:#8f1626;
background:-webkit-gradient(linear, 0 0, 0 top, from(#8f1626 70%), to(#5b0106));
background:-webkit-linear-gradient(#8f1626 70%, #5b0106);
background:-moz-linear-gradient(#8f1626 70%, #5b0106);
background:-ms-linear-gradient(#8f1626 70%, #5b0106);
background:-o-linear-gradient(#8f1626 70%, #5b0106);
background:linear-gradient(#8f1626 70%, #5b0106);
-pie-background: linear-gradient(#8f1626 70%, #5b0106);
behavior: url(js/PIE.php);
z-index:6666666;}

#footer{width:100%; margin:0 auto; color:#a1a1a1; background-color:#ffffff;}
.logo{width:90%; margin:0 auto; text-align:center; padding:5% 5% 0 5%;}
address{width:90%; margin:0 auto; padding:3% 5% 5% 5%; text-align:center; font-size:1.2em;}

.footer_ppcall{width:100%; padding-top:30px; padding-bottom:20px; text-align:center; }
.footer_button{ width:90%; margin:0 auto; text-align:center;  
background-image:url('../images/ppcall_bg_b.gif'); line-height:50px; font-size:50px; color:#fff; padding-top:20px; padding-bottom:20px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow:#2a2a2a 0px 2px 3px;
-moz-box-shadow:#2a2a2a 0px 2px 3px;
box-shadow:#2a2a2a 0px 2px 3px;
behavior: url(js/PIE.php);
z-index:6666666;}

contents2_in22{width:90%; margin-top:73px; padding-bottom:81px;}
.contents2_in22 ul{width:90%; padding-left:22px; display:inline-block; zoom:1; *display:inline;}





@media screen and (min-width: 480px) {

.header{padding-bottom:15%;}
.contents1{height:380px; background-image:url('../images/contents1_bg.jpg'); background-position:-270px -150px; background-repeat:no-repeat;}
.contents1_text{width:70%; position:absolute; right:5%;}
.contents2_title,.contents2_in1,.contents2_in2,.contents2_in3,.contents2_in4,.form{width:90%;}
.contents2_in1,.contents2_in3{margin-left:10%;}

contents2_in22{width:90%; margin-top:73px; padding-bottom:81px;}
.contents2_in22 ul{width:90%; padding-left:22px; display:inline-block; zoom:1; *display:inline;}




.contents2_con1{height:650px; background-image:url('../images/contents2_in1_bg.jpg'); 
background-position:30px bottom; background-repeat:no-repeat;}

.form_in1{padding-top:7%;}
.form_in2{padding:2% 0 7% 0;}

.name{width:60%; display:inline-block; zoom:1; *display:inline;}
.age{width:40%; display:inline-block; zoom:1; *display:inline;}
.age_title{width:50px;}
.name_input,.age_input{width:60%;}
.age_input input{width:50%;}
.phone_input,.memo_input{width:80%;}
.phone_input input{width:10%;}
.memo_input textarea{height:45px;}
.memo_title{margin-top:15px;}

}



@media screen and (min-width: 640px) {

.contents1{height:551px; background-image:url('../images/contents1_bg.jpg'); background-position:-200px bottom; background-repeat:no-repeat;}
.contents1_text{width:80%;right:10%; padding:0px; margin-top:70px;}

.contents2_title,.form{width:70%;}
.contents2_in1,.contents2_in2,.contents2_in3,.contents2_in4{width:90%;}
.contents2_con1{height:700px; background-image:url('../images/contents2_in1_bg.jpg'); background-position:200px bottom;}
.contents2_text{ margin-top:2%;}
.contents2_title{margin-bottom:7%;}
.contents2_sub{font-size:2.8em;}
.contents2_in1 ul{text-align:left;}

.contents2_con3{width:100%; border-bottom:1px solid #aeaeae; background-image:url('../images/contents2_in3_bg.jpg'); background-position:-80px bottom; background-repeat:no-repeat;}
.contents2_in3 ul{width:450px; text-align:left;}
.contents2_in3_img{width:518px; display:inline-block; zoom:1; *display:inline;}

.contents2_con4{width:100%; border-bottom:1px solid #aeaeae;}
.contents2_con5{width:100%; border-bottom:1px solid #aeaeae;}

.contents2_in4 ul{margin-bottom:5%;width:100%;margin-top:5%;margin-left:5%; text-align:left; display:inline-block; zoom:1; *display:inline;}
ul.contents2_in4_img{width:654px; display:inline-block; zoom:1; *display:inline; vertical-align:top; margin-top:-4px; margin-left:100px;}

.contents2_in5{width:90%; margin:0 auto; margin-top:5%;}


contents2_in22{width:90%; margin-top:73px; padding-bottom:81px;}
.contents2_in22 ul{width:90%; padding-left:22px; display:inline-block; zoom:1; *display:inline;}




.form_title{font-size:1.6em;line-height:1.6em; padding-bottom:1%;}
.name{width:35%; display:inline-block; zoom:1; *display:inline;}
.age{width:25%; display:inline-block; zoom:1; *display:inline;}
.phone{width:80%; display:inline-block; zoom:1; *display:inline;}
.age_title{width:50px;}
.name_input{width:54%;}
.age_input{width:50%;}
.phone_input{width:60%;}
.memo_input{width:84%;}
.name_input input{width:80%;}
.age_input input{width:70%;}
.phone_input input{width:100%;}

}




@media screen and (min-width: 980px) {

.header{width:721px; padding-bottom:112px;}
.contents1{width:960px; margin:0 auto; text-align:left; background-image:url('../images/contents1_bg.jpg'); background-position:left bottom; background-repeat:no-repeat;}
.contents1_text{width:456px;right:50px;}
.contents1_left{width:50%; height:552px; position:absolute; right:50%; margin-right:480px; top:0; background-image:url('../images/contents1_left.jpg'); background-position:right top; background-repeat:repeat-x; z-index:1;}

.contents2_title{margin-bottom:30px;}



.contents2_sub{margin-top:29px; margin-left:17px;  font-size:3.2em; position:relative; z-index:1;}
.contents2_text{margin-top:15px; margin-left:7px; margin-top:1%;line-height:1.4em; position:relative; z-index:1;}


.contents2{width:960px; margin:0 auto; padding:82px 0 95px 0;}
.contents2_con1{width:100%; height:450px;xborder-bottom:1px solid #aeaeae; background-image:url('../images/contents2_in1_bg.jpg'); 
background-position:left bottom; background-repeat:no-repeat;}
.contents2_in1{width:100%; margin-top:51px; padding-bottom:82px; margin-left:0; text-align:left;}
.contents2_in1 ul{margin-top:90px;width:500px; margin-left:428px;}

.contents2_in2{width:100%; margin-top:73px; padding-bottom:81px;}
.contents2_in2 ul{width:444px; padding-left:22px; display:inline-block; zoom:1; *display:inline;}
ul.contents2_in2_img{width:404px; display:inline-block; zoom:1; *display:inline; vertical-align:top; margin-top:64px; margin-left:40px;}

.contents2_in3{width:100%; margin-top:56px; margin-left:0; padding-bottom:53px; text-align:left;
 background-image:url('../images/contents2_in3_bg.jpg'); background-position:left bottom; background-repeat:no-repeat;}
.contents2_in3 ul{width:535px; text-align:left; display:inline-block; zoom:1; *display:inline; padding-left:368px;}
.contents2_in3_img{padding-left:10px;}

.contents2_in4{width:100%; margin-top:3px; padding-bottom:11px;}
.contents2_in4 ul{width:644px; padding-left:22px; display:inline-block; zoom:1; *display:inline;}
ul.contents2_in4_img{width:354px; display:inline-block; zoom:1; *display:inline; vertical-align:top; margin-top:-314px; margin-left:540px;}

.contents2_con4{width:100%; border-bottom:1px solid #aeaeae;}
.contents2_con5{width:100%; border-bottom:1px solid #aeaeae;}


.form_top{width:960px; height:461px;}
.form_top_left{width:50%; height:461px; position:absolute; right:50%; margin-right:480px; top:0; background-image:url('../images/form_left.jpg'); background-position:right top; background-repeat:no-repeat; z-index:1;}
.form_top_right{width:50%; height:461px; position:absolute; left:50%; margin-right:480px; top:0; background-image:url('../images/form_right.jpg'); background-position:480px top; background-repeat:no-repeat; z-index:1;}
.form{width:790px;}
.form_in1,.form_in2{display:inline-block; zoom:1; *display:inline;}
.form_in1{width:545px; padding:40px 0 34px 0;}
.form_in2{width:235px; padding:40px 0 0 0; vertical-align:top;}
.form_button {margin-top:68px;}
.form_button input{width:100%; padding:28px 43px 28px 35px;}


contents2_in22{width:90%; margin-top:73px; padding-bottom:81px;}
.contents2_in22 ul{width:90%; padding-left:22px; display:inline-block; zoom:1; *display:inline;}


#footer{width:960px; margin:0 auto;}
.number{position:absolute; width:220px; margin-top:-10px; color:#fff; font-size:2.4em; background-color:#000;}

}