@charset "euc-kr";

#contents {position:relative; height:100%; margin:0 0 20px; zoom:1; z-index:5;}
#contents:after { clear:both; content: ""; display: block; }

.subTitle { position:relative; height:270px; text-align:center; background:#f2a9c4; background-position:right bottom; background-repeat:no-repeat; background-size:cover;}
.sub01 .subTitle { background-image:url(../images/sub/subTitle_bg_01.png); background-position:left bottom; }
.sub02 .subTitle { background-image:url(../images/sub/subTitle_bg_02.png); }
.sub03 .subTitle { background-image:url(../images/sub/subTitle_bg_03.png); }
.sub04 .subTitle { background-image:url(../images/sub/subTitle_bg_04.png); }
.sub05 .subTitle { background-image:url(../images/sub/subTitle_bg_05.png); }
.sub06 .subTitle { background-image:url(../images/sub/subTitle_bg_06.png); }
.subTitle h2 { padding-top:44px;}
.subTitle span {display:block;}
.subTitle .subTitle_01 {}
.subTitle .subTitle_01 img { width:80%; max-width:600px; vertical-align:top; }
.subTitle .subTitle_02 { font-size:18px; color:#000; padding:20px 0 40px; margin-bottom:40px; background:url(../images/sub/subTitle_line.png) center bottom no-repeat;}
.subTitle .subTitle_03 { font-size:14px; color:#494949; padding:0 20px;}

.table01 {width:100%; border-collapse: collapse; border-top:1px solid #ddd; border-right:1px solid #ddd; margin:5px 0;}
.table01 th { padding:6px 1px; background:#f5f5f5; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
/* .table01 th:first-child { border-left:none;} */
.table01 td { padding:6px 1px; text-align:center; border-bottom:1px solid #ddd; border-left:1px solid #ddd; }

.table02 {width:100%; border-collapse: collapse; margin:5px 0;}
.table02 th { padding:6px 1px; background:#f2a9c4; font-size:15px; color:#000;  border-bottom:2px solid #fff; border-left:2px solid #fff;}
.table02 th.title02 {padding:6px 10px 6px 30px; text-align:left;}
.table02 th.title03 { background:#e0e0e0;}
.table02 th[scope="row"] {background:#eee; font-size:13px; color:#505050; font-weight:400;}
.table02 td { padding:6px 10px 6px 30px; background:#eee; font-size:13px; color:#505050; border-bottom:2px solid #fff; border-left:2px solid #fff; }

.con_app { background:#faeef0; padding:20px; margin-bottom:30px;}
.con_app dl { max-width:800px; margin:0 auto;}
.con_app dl dt {font-family: 'Nanum Myeongjo', serif; font-size:15px; line-height:20px; font-weight:700; color:#333; margin-bottom:16px; }
.con_app dl dt span { display:inline-block; border-bottom:2px solid #f2a9c4; }
.con_app dl dd { font-size:13px; color:#333;}

/* 01 about */
.about_con01 { position:relative; background-size:cover !important;}
.about_con01_01 { background:url(../images/about/conBg_01.jpg) left center no-repeat;}
.about_con01_02 { background:url(../images/about/conBg_02.jpg) right top no-repeat;}
.about_con01_03 { background:url(../images/about/conBg_03.jpg) left top no-repeat;}
.about_con01_04 { background:url(../images/about/conBg_04.jpg) right bottom no-repeat;}
.about_con01 dl { position:absolute; width:70%; max-width:340px; height:100%; right:8.4%; top:0;  padding:0 10px; background:url(../images/bg/white_70.png);}
.about_con01_04_tit{font-size:16px;}
.about_con01_04_tit:nth-of-type(2){font-size:18px}
.about_con01_02 dl, .about_con01_04 dl { left:8.4%; right:auto; overflow:auto;}
.about_con01 dl dt { font-size:15px; color:#010101; border-bottom:2px solid #f2a9c4; padding:70px 0 5px; margin-bottom:15px; }
.about_con01 dl dt div { display:inline-block; font-size:35px; color:#a9788a;}
.about_con01 dl dd { font-size:13px; color:#343434; line-height:20px;}
.about_con02 { position:relative; background:#f2a9c4;}
.about_con02 dl { position:absolute; width:88%; max-width:380px; right:35.9%; bottom:30px; text-align:center; }
.about_con02 dt { font-size:15px; color:#010101; margin-bottom:10px; }
.about_con02 dt span {border-bottom:2px solid #010101;}
.about_con02 dd {color:#010101; }
.about_img { position:relative; width:40%; max-width:237px; padding:50px 0 0 63.7%; }
.about_con01_04_tit2{color: #a9788a}

/* 02 sm1004 */
.sm1004_list { max-width:800px; margin:0 auto; padding:20px 20px 0;}
.sm1004_list dt { margin-bottom:5px; font-size:19px; line-height:26px; color:#010101; vertical-align:baseline;}
.sm1004_list dt span { display:inline-block; width:50px; height:50px; margin-bottom:-5px; background:url(../images/sm1004/titleImg.png) no-repeat; margin-right:10px; vertical-align:baseline;}
.sm1004_list dt span.icon01 {}
.sm1004_list dt span.icon02 { background-position:-50px 0;}
.sm1004_list dt span.icon03 { background-position:-100px 0;}
.sm1004_list dt span.icon04 { background-position:-150px 0;}
.sm1004_list dt span.icon05 { background-position:-200px 0;}

.sm1004_list dd { margin-bottom:30px;}
.sm1004_box { padding:15px 15px 15px 56px; background:#f4f4f4; font-size:13px; color:#505050;}

/* 03 info */
.info_con01 { max-width:1000px; margin:50px auto 20px; padding:0 10px;}
.info_con01 dt { margin-bottom:30px; width:330px;}
.info_con01 dt span { display:block;}
.info_con01_01 { font-size:18px; color:#333;  border-bottom:2px solid #f2a9c4; padding-bottom:5px; margin-bottom:10px;}
.info_con01_01 strong { font-size:50px; color:#727272; font-weight:400;}
.info_con01_02 { font-size:14px; color:#333;}
.info_con01_03 {font-size:18px; color:red; margin-top: 30px; display:block;}
.info_con01 dd { margin-bottom:50px;}
.info_con02_list {}
.info_con02_list:after {content:"";display:block;clear:both;}
.info_con02_list li { float:left; display:inline; width:13.42%; margin-left:1%;}
.info_con02_list li:first-child { margin-left:0;}
.info_con02 {}
.info_con02 dt { font-size:14px; color:#b73b6b; margin-bottom:5px;}
.info_con02 dd { margin-bottom:20px;}
/* .info_con02 .bed{font-size:18px; color:#b73b6b;} */

/* 04 charge */
.charge_con { position:relative; max-width:800px; padding:0 10px; margin:50px auto 20px;}
.charge_con dt { font-size:17px; line-height:20px; color:#010101; font-weight:700; margin-bottom:5px; background:url(../images/sub/title_bullet01.png) left top no-repeat; background-size:25px 25px; padding:5px 0 0 30px;}
.charge_con dd { margin-bottom:30px;}
.charge_con td { padding:6px 10px; text-align:center; }
.charge_con dd p { font-size:14px; color:#343434;}
.charge_con02 { background:url(../images/sub/charge_conBg.jpg) right bottom no-repeat; background-size:cover;}
.charge_con02 > p, .charge_con03 {max-width:800px; padding:25px 10px; margin:0 auto; font-size:13px; line-height:20px; color:#343434;}
.charge_con02 p span { display:block; /*margin-left:.85em;*/}




/* 05 faq */
.faq_nav { padding-top:50px; }
.faq_nav > dt { border:1px solid #ddd; background: #eee linear-gradient(#fff, #f1f1f1); border-radius:8px; margin-bottom:5px;}
.faq_nav > dt:hover {background: #dfdfdf linear-gradient(#f6f6f6, #e0e0e0); border-bottom:1px solid #ccc;}
.faq_nav > dt a { display:block; font-size:17px; line-height:22px; color:#333; font-weight:700; text-shadow: 0 1px 0 #fff; padding:10px 40px 10px 20px; background:url(../images/common/list_arrow.png) right center no-repeat; }
/*.faq_nav > dt.this { background: #dfdfdf linear-gradient(#f6f6f6, #e0e0e0); border-bottom:1px solid #ccc;}*/
.faq_list { margin:15px 5px; font-size:15px;}
.faq_list:last-child { border-bottom:1px solid #ddd;}
.faq_list dt { color:#343434; font-weight:700; margin-bottom:5px;}
.faq_list dd { font-size:.85em; margin:0 0 20px 1.3em;}
.mobile-image img{width: 100%; display:none}


/* 06 guide */
.guide_nav { zoom:1; padding:60px 0; text-align:center; background:url(../images/sub/guide_conBg.jpg) left center no-repeat; background-size:cover;}
.guide_nav:after {content:"";display:block;clear:both;}
.guide_nav li { display:inline-block; margin:0 5%; width:120px; height:120px; background:url(../images/bg/white_60.png); border-radius:100%; border:2px solid #dd8bab;}
.guide_nav li a { display:inline-block; width:100%; font-size:16px; line-height:22px; padding:38px 0; color:#343434; }
.guide_nav li:hover, .guide_nav li.this { background:#dd8bab;-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}
.guide_nav li:hover a, .guide_nav li.this a { color:#fff;-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}

.guide_con { max-width:1000px; margin:50px auto 20px; padding:0 10px;}
.guide_con dt { font-size:18px; color:#343434; text-align:center; margin-bottom:30px;}
.guide_con dd {}
.guide_con dd p { font-size:14px; line-height:22px; color:#343434; text-align:center; padding-bottom:20px; margin-bottom:30px; border-bottom:1px dashed #ccc;}

.guide_title { font-size:18px; color:#343434; font-weight:700; margin-bottom:5px;}
.guide_con02 {float:left; display:inline; width:32%; margin:0 0 30px 2%;}
.guide_con02.ml_01, .guide_con02.ml_04 { margin-left:0;}
.guide_con02 dt { text-align:left; margin-bottom:5px !important; font-weight:700;}
.guide_con02 td { text-align:center; padding:6px 10px;}
.guide_con_box { background:#eee; padding:10px; margin-top:5px; font-size:13px; line-height:20px; color:#343434;}






@media \0screen { /* IE8 À¥ÆùÆ® ¼³Á¤*/

}


@media  (max-width: 1200px){

#contents { margin:0 0 20px; }
.faq_nav { margin:0 10px; padding-top:10px;}

}

@media  (max-width: 1024px){


}

@media  (max-width: 900px){

}

@media  (max-width: 768px){


.subTitle {height:240px;}
.subTitle h2 { padding-top:35px;}
.subTitle .subTitle_02 { padding:20px 0 35px; margin-bottom:30px;}
.subTitle .subTitle_03 { padding:0 20px;}

/* 01 about */
.about_con01 { height:360px;}
.about_con01 .about_con01_bg { display:none;}


}

@media  (max-width: 560px){

.subTitle {height:200px;}
.subTitle h2 { padding-top:30px;}
.sub01 .subTitle h2, .sub04 .subTitle h2 { padding-top:20px;}
.subTitle .subTitle_02 { font-size:17px; padding:15px 0 25px; margin-bottom:15px; background-size:80px 10px;}
.subTitle .subTitle_03 { font-size:13px; padding:0 30px;}

/* 01 about */
.about_con01 { height:260px;}
.about_con01 dl { width:92% !important; max-width:92%; padding:0px 4%; position:absolute; left:0; right:0;}
.about_con01_02 dl, .about_con01_04 dl { left:0;}
.about_con01 dl dt { font-size:16px; letter-spacing:-1px; padding:15px 0 5px; margin-bottom:15px; }
.about_con01 dl dt div { font-size:28px;}
.about_con01 dl dd {font-size:13px; line-height:16px;}

.about_con02 { overflow:hidden;}
.about_con02 dl { width:80%; right:22%; bottom:20px; }
.about_con02 dt { font-size:13px; color:#010101; margin-bottom:10px; padding-left:10px; }
.about_con02 dt span {border-bottom:2px solid #010101;}
.about_con02 dd { font-size:11px; color:#010101; padding:0 0 0 10px  }
.about_img { position:relative; width:30%; max-width:237px; padding:30px 0 0 70.7%; }


/* 02 sm1004 */
.sm1004_list dt { font-size:17px; line-height:20px;}
.sm1004_list dt span { width:25px; height:25px; background-size:125px 25px; margin-bottom:-5px; margin-right:8px;}
.sm1004_list dt span.icon02 { background-position:-25px 0;}
.sm1004_list dt span.icon03 { background-position:-50px 0;}
.sm1004_list dt span.icon04 { background-position:-75px 0;}
.sm1004_list dt span.icon05 { background-position:-100px 0;}

.sm1004_list dd { margin-bottom:15px;}
.sm1004_box { padding:15px 15px 15px 25px;}

.con_app { margin-bottom:0;}
.sm1004_list { padding:20px 10px 0;}
.table02 th { font-size:13px; padding:6px 0px;}
.table02 th.title02 {padding:6px 0px; text-align:center;}
.table02 td { padding:6px 10px;}

.info_con02_list li { float:left; display:inline; width:23%; margin:0 0 10px 2.25%;}
.info_con02_list li:first-child, .info_con02_list li.ml0 { margin-left:0;}


/* 04 charge */
.charge_con { padding:0 10px; margin:20px auto;}
.charge_con td { padding:6px 2px;}
/* .charge_con02 { background:url(../images/sub/charge_conBg.jpg) 100% center no-repeat; background-size: cover;} */
.charge_con02 > p {padding:15px 10px; font-size:12px; line-height:16px;}

/* 05 faq */
.faq_nav > dt a { display:block; font-size:17px; line-height:22px; padding:10px 40px 10px 20px; background:url(../images/common/list_arrow.png) right center no-repeat; }
.mobile-image img{width: 100%; display:block;}
  .table02-1 {display:none;}




/*.faq_nav > dt.this { background: #dfdfdf linear-gradient(#f6f6f6, #e0e0e0); border-bottom:1px solid #ccc;}*/
.faq_list { margin:15px 5px; font-size:15px;}
.faq_list dd { font-size:.85em; margin:0 0 20px 1.3em; opacity: 1}

/* 06 guide */
.guide_nav { padding:30px 0;}
.guide_nav li {  margin:0 3%; width:80px; height:80px;}
.guide_nav li a { font-size:13px; line-height:18px; padding:22px 0;}

.guide_con { margin:30px auto 20px; }
.guide_con dt { font-size:15px; margin-bottom:20px;}
.guide_con dd p { font-size:12px; line-height:18px; margin-bottom:20px;}

.guide_title {font-size:15px;}
.guide_con02 { width:49%; margin:0 0 30px 2%;}
.guide_con02 th { font-size:13px;}
.guide_con02.ml_01, .guide_con02.ml_03, .guide_con02.ml_05 { margin-left:0;}
.guide_con02.ml_04 { margin-left:2%;}


}

@media  (max-width: 420px){

.subTitle {height:180px;}
.subTitle .subTitle_02 { font-size:15px; padding:10px 0 20px; margin-bottom:10px; }
.subTitle .subTitle_03 { font-size:12px; line-height:16px; padding:0;}

.about_con02 { height:155px;}
.about_con02 dl { width:100%; max-width:100%; right:0; bottom:15px; text-align:left; }
.about_con02 dt { font-size:14px; margin-bottom:10px; padding-left:15px; }
.about_con02 dt span { }
.about_con02 dd { font-size:12px; padding:0 26% 0 15px;  }
.about_img { position:absolute; padding:0; left:70.7%; bottom:0; z-index:5;}
}



@media  (max-width: 360px){

}

@media  (max-width: 320px){

}