@charset "utf-8";
/* CSS Document */
@media only screen and (min-width:1200px) {
#top { margin:0 auto; background:url(../images/top_bg.jpg) center repeat-x; width:100%; min-width:1200px; max-height:730px; text-align:center; position:relative;}
#top img { width:100%; max-width:1200px;}

#five { margin:0 auto; background:url(../images/five_bg.jpg) center repeat-x; width:100%; min-width:1200px; min-height:800px; text-align:center; position:relative;}
.five_title { position:relative; top:60px; text-align:center; clear:both;}
.five_txt   { position:relative; top:80px; text-align:center; margin:0 auto; clear:both; width:1200px; font-size:18px; color:#555555; font-family:NanumGothic; letter-spacing : -0.05em;}
.five_title2 { position:relative; top:150px; text-align:center; clear:both;}
.five_txt2   { position:relative; top:180px; text-align:center; margin:0 auto; clear:both; width:1200px; font-size:18px; color:#555555; font-family:NanumGothic; letter-spacing : -0.05em;}


#one {margin:0 auto; background:url(../images/one_bg.gif) center repeat-x; background-size:cover; width:100%; min-width:1200px; height:1300px; text-align:center; position:relative;}
.one_title { position:relative; top:70px; text-align:center; clear:both;}
.one_title img { max-width:1200px;}
.one_btn { position:relative; top:100px; text-align:center; clear:both;}
#one ul { max-width:1200px; margin:0 auto; top:150px; position:relative;}
#one ul li img { box-shadow:1px 1px 2px 2px #fed7ed;}
#one ul li p { font-size:30px; color:#df007d; font-weight:900; font-family:NanumGothic; margin:30px 0 10px;}
#one ul li span { font-size:30px; color:#555555; font-family:NanumGothic; letter-spacing : -0.05em;}

.one_con01 { position:relative; }
.one_con02 { position:relative;}float:left;
.one_con03 { position:relative; top:50px; float:left;}
.one_con04 { position:relative; top:10px;}
.one_con05 { position:relative; top:10px;}

#one2 {margin:0 auto; background:url(../images/one2_bg.gif) center repeat; width:100%; min-width:1200px; height:550px; text-align:center; position:relative;}
#one2 ul li p { font-size:30px; color:#df007d; font-weight:900; font-family:NanumGothic; margin:30px 0 10px;}
#one2 ul li span { font-size:30px; color:#555555; font-family:NanumGothic; letter-spacing : -0.05em;}
.one_con06 { position:relative; top:50px;}
#one2 ul li img { box-shadow:1px 1px 2px 2px #fed7ed;}


#two {margin:0 auto; width:100%; min-width:1200px; text-align:center; position:relative;}
#two .two_title {width:100%; max-width:661px; margin:88px 200px 45px;}
#two img { width:100%; max-width:1200px; margin:100px 0;}

#tree {margin:0 auto; width:100%; min-width:1200px; text-align:center; position:relative; background:#fff0f8;}
#tree .tree_title {margin:90px 200px 45px;}
#tree .tree_txt01 {font-size:25px; font-weight:bold;}
#tree .tree_txt01 span { color:#FF0000;}
#tree .tree_time {margin:0;}
#tree img {margin:45px 200px;}
#tree p {color:#666666; font-size:20px; line-height:140%; width:1200px; text-align:left; margin:0 auto;}

#tree .tree_table {width:1200px; margin:0 auto; font-size:18px; color:#333333; border:#acacac;}
#tree .tree_table table thead tr td { background:#dedede; border:solid 1px #acacac;font-size:14px;}
#tree .tree_table table thead tr th { background:#dedede; border:solid 1px #acacac;  font-weight:bold;}
#tree .tree_table table tbody tr td { background:#ffffff; border:solid 1px #acacac;}
#tree dl { width:1200px; text-align:left; margin:0 auto; margin-top:15px;}
#tree dl dt { font-size:25px; color:#666666; font-weight:bold; margin-bottom:15px;}
#tree dl dd { font-size:20px; text-indent:-20px; padding-left:20px; }
#tree .tree_btn {width:100%; max-width:862px; margin:20px 0 50px;}

#four {margin:0 auto; width:100%; min-width:1200px; position:relative; background:url(../images/four_bg.gif) center repeat;}
#four ul {max-width:1200px; margin:0 auto; vertical-align:middle;}
#four .poster {padding:65px 50px 65px 166px; float:left;}
#four .poster_text {font-size:30px; color:#df007d; font-family:NanumGothic; line-height:120%; font-weight:bold; padding-top:200px; float:left;}
#four .poster_btn { padding:300px 0 300px;}
}

@media only screen and (max-width:1199px) {
#top { margin:0 auto; background:url(../images/top_bg.jpg) center repeat-x; width:100%; height:100%;text-align:center; position:relative;}
#top img { width:90%;}

#five { margin:0 auto; background:url(../images/five_bg.jpg) center repeat-x; width:100%; height:100%; text-align:center; position:relative;}
#five img { width:90%; }
.five_title { position:relative; padding-top:50px; text-align:center; margin:0 auto;}
.five_txt   { position:relative; padding-top:20px; text-align:center; margin:0 auto; clear:both; width:90%; font-size:16px; color:#555555; font-family:NanumGothic; letter-spacing : -0.05em;}
.five_title2 { position:relative; padding-top:50px; text-align:center; clear:both;}
.five_txt2   { position:relative; padding-top:20px; padding-bottom:50px; text-align:center; margin:0 auto; clear:both; width:90%; font-size:16px; color:#555555; font-family:NanumGothic; letter-spacing : -0.05em;}

#one {margin:0 auto; background:url(../images/one_bg.gif) center repeat; width:100%; height:100%; text-align:center; position:relative;}
.one_title {margin:0 auto; width:90%; height:100%; text-align:center; padding-top:20px;}
.one_title img { width:100%; }
.one_btn { margin:0 auto; width:90%; height:100%; text-align:center; padding-top:20px;}

#one ul {position:relative; }

#one ul li img { box-shadow:1px 1px 2px 2px #fed7ed; width:90%;}
#one ul li p { font-size:22px; color:#df007d; font-weight:900; font-family:NanumGothic; margin:10px 0;}
#one ul li span { font-size:22px; color:#555555; font-family:NanumGothic; letter-spacing : -0.05em;}

.one_con01 {width:90%; padding:20px 0; text-align:center; margin:0 auto;}
.one_con02 {width:90%; padding:20px 0; text-align:center; margin:0 auto;}
.one_con03 {width:90%; padding:20px 0; text-align:center; margin:0 auto;}
.one_con04 {width:90%; padding:20px 0; text-align:center; margin:0 auto;}
.one_con05 {width:90%; padding:0 0 20px 0; text-align:center; margin:0 auto;}

#one2 {margin:0 auto; background:url(../images/one2_bg.gif) center repeat; width:100%; height:100%; text-align:center; position:relative;}
#one2 ul li p { font-size:22px; color:#df007d; font-weight:900; font-family:NanumGothic; margin:10px 0;}
#one2 ul li span { font-size:22px; color:#555555; font-family:NanumGothic; letter-spacing : -0.05em;}
.one_con06 {width:90%; padding:20px 0; text-align:center; margin:0 auto;}


#two {margin:0 auto; width:100%; height:100%; text-align:center; position:relative;}
#two .two_title {width:80%; padding:20px 0;}
#two img { width:90%; padding:30px 0;}

#tree {margin:0 auto; width:100%; text-align:center; position:relative; background:#fff0f8;}
#tree .tree_title {width:80%; margin:30px 0 20px;}
#tree img {width:90%;}
#tree .tree_btn {width:90%; margin:20px 0 50px;}


#tree .tree_txt01 {font-size:18px; font-weight:bold;}
#tree .tree_txt01 span { color:#FF0000;}
#tree p {color:#666666; font-size:16px; line-height:140%; width:90%; text-align:left; margin:0 auto;}

#tree .tree_table {width:90%; margin:0 auto; font-size:14px; color:#333333; border:#acacac;}
#tree .tree_table table thead tr td { background:#dedede; border:solid 1px #acacac;font-size:12px;}
#tree .tree_table table thead tr th { background:#dedede; border:solid 1px #acacac;  font-weight:bold;}
#tree .tree_table table tbody tr td { background:#ffffff; border:solid 1px #acacac;}
#tree dl { width:90%; text-align:left; margin:0 auto; margin-top:15px;}
#tree dl dt { font-size:20px; color:#666666; font-weight:bold; margin-bottom:15px;}
#tree dl dd { font-size:16px; text-indent:-20px; padding-left:20px; }



#four {margin:0 auto; width:100%; position:relative; background:url(../images/four_bg.gif) center repeat;}
#four ul { margin:0 auto; width:90%; padding-top:30px;}
#four .poster { text-align:center;}
#four .poster_text {font-size:25px; color:#df007d; font-family:NanumGothic; line-height:120%; font-weight:bold; padding:20px 0 0 0; text-align:center;}
#four .poster_btn { padding:20px 0; text-align:center;}
}