/* common */

#subVisual { width:100%; height:240px; overflow:hidden; }
#subVisual > div { width:100%; height:240px; overflow:hidden; font-size:0; background:url(/img/sub/subVisual.gif) no-repeat center; background-size:cover; animation:subVs 4s alternate infinite ease-in-out; -webkit-animation:subVs 4s alternate infinite ease-in-out; -moz-animation:subVs 4s alternate infinite ease-in-out; }
@keyframes subVs { 
	0% { transform:scale(1.1, 1.1); }
	100% { transform:scale(1, 1); }
}
@-webkit-keyframes subVs { 
	0% { transform:scale(1.1, 1.1); }
	100% { transform:scale(1, 1); }
}
@-moz-keyframes subVs { 
	0% { transform:scale(1.1, 1.1); }
	100% { transform:scale(1, 1); }
}

#lnb { width:100%; height:64px; background:#ededed; }
#lnb > ul { width:1100px; margin:0 auto; text-align:center; height:64px; }
#lnb > ul > li { display:inline-block; *display:inline; zoom:1; }
#lnb > ul > li a { display:block; margin:0 15px; line-height:64px; padding:0 10px; font-size:14px; letter-spacing:-1px; position:relative; }
#lnb > ul > li.on a { color:#333; }
#lnb > ul > li.on a:after { content:""; display:block; position:absolute; width:100%; height:4px; background:#333; margin-left:-10px; bottom:0; }
.subCon > div { width:1100px; margin:75px auto 135px; overflow:hidden; }
.titleSub { width:100%; overflow:hidden; position:relative; height:26px; }
.titleSub h2 { text-align:center; font-size:26px; line-height:100%; font-weight:bold; letter-spacing:-.5px; color:#333; } 
.titleSub ul { position:absolute; right:0; bottom:0; }
.titleSub ul li { float:left; text-transform:uppercase; color:#999; font-size:13px; letter-spacing:-.4px; }
.titleSub ul li:before { content:">"; margin:0 9px; font-size:11px; display:inline-block; *display:inline; zoom:1; vertical-align:top; }
.titleSub ul li:first-child:before { display:none; }

#cont { width:100%; overflow:hidden; margin-top:70px; min-height:350px; }

.greeCon { position:relative; }
.greeCon > img { position:absolute; top:45px; right:38px; }
.greeCon .tit { border:3px solid #ebebeb; width:auto; height:195px; overflow:hidden; background:url(/img/sub/bg_gree.gif) no-repeat 563px 0; }
.greeCon .tit h3 { font-size:26px; font-weight:bold; color:#333; font-family:"Nanum Square"; line-height:40px; margin:70px 0 0 62px; }
.greeCon .tit h3 em { color:#000; }
.greeCon .txt { margin-top:50px; overflow:hidden;  }
.greeCon .txt p { line-height:22px; font-size:14px; letter-spacing:-.5px; margin-bottom:23px; }
.greeCon > p { font-size:14px; color:#333; letter-spacing:-.5px; margin-top:45px;  }
.greeCon > p span { font-family:'Nanum Brush Script', serif; font-size:30px; margin-left:10px; }

/*ÀÎÁõ¼­*/
.licence {width:100%;  overflow:hidden; position:relative; }

.infoList { margin-top:20px; overflow:hidden; padding-bottom:50px; }
.infoList li { float:left; margin:0 30px 67px 0; width:252px; height:390px; overflow:hidden; position:relative; }
.infoList li img {width:232px; height:328px; border:10px solid #f5f5f5;cursor:pointer;  }
.infoList li p { position:absolute; bottom:0; width:100%; text-align:center; color:#666; font-size:16px; text-align:center; }
.infoList li.mr0 {margin-right:0;}

/* ¿À½Ã´Â ±æ*/
.map {width:100%; overflow:hidden;}
.mapbox {width:100%; overflow:hidden; margin-top:25px;}
.map_red {float:left; width:160px; margin-right:25px; height:167px; background:#d93b31;}
.map_red  h4 {color:#fff; font-size:18px; font-weight:bold; line-height:24px; margin:24px;}
.map_red  h4 span {font-size:15px; font-weight:300; opacity:0.5; margin-top:15px;}
.map_con {float:left; width:900px;}
.map_con ul {width:100%; margin-top:14px;}
.map_con ul li.map_txt {margin-top:5px; font-size:15px; color:#666;}

/*Á¦Ç°¼Ò°³*/

.ProCon {width:100%; overflow:hidden;}
.tabs {width:1016px; margin:0 auto; height:50px; background:#ededed; cursor:pointer;}
.tabs li {color:#666; width:338px;  font-size:16px; line-height:50px; text-align:center; float:left;  border-right:1px solid #fff;}
.tabs li:last-child {border-right:none; width:338px;}
.tabs li.active {background:#333; font-weight:; color:#fff; width:338px;}
.tab_content {width:1016px; margin:80px auto 0 auto;}

.pro_title  {width:100%; height:348px; }
.pro_title > p {float:left; margin-right:36px;}
.ptBox {float:right; width:440px; height:348px; position:relative;}
.ptBox > h3{ font-size:20px; color:#d93b31; line-height:26px; border-bottom:1px solid #d7d7d7; padding-bottom:20px;}
.ptBox > h3 > span {color:#333; font-size:14px; }
.ptBox > h3 > span.g_span {color:#999; font-size:13px; font-weight:bold;}
.ptBox > dl {width:100%; margin-top:30px;}
.ptBox > dl > dt {font-size:14px; color:#333; background:url(/img/sub/bullet_cir.gif) no-repeat left 50%; padding-left:10px; margin-bottom:10px;}
.ptBox > dl > dd {color:#666; line-height:22px; padding-left:10px; font-size:14px;}
.ptBox > dl > dd.lastdd {margin-bottom:20px;}

 .ptBox a {position:absolute;  border-radius:3px; width:100%; bottom:0;display:block;  height:50px; background:#29313d; color:#fff; font-size:14px; text-align:center; line-height:50px; 
						transition:background 2s; -webkit-transition:background 2s; -moz-transition:background 2s; -o-transition:background 2s;}
 .ptBox a:hover {background:#d93b31 ;}

.pCon {width:100%; margin-top:38px; overflow:hidden;}
.p_txt01 {width:100%; overflow:hidden;}
.p_txt01 > h5 {font-size:16px; color:#333; font-weight:600; margin-bottom:20px;}
.p_txt01 > h5.mt50 {margin-top:50px;}
.p_txt01 > p {font-size:14px; line-height:24px; color:#666;}
.p_txt01 > p > span {color:#d93b31; font-weight:bold;}
.p_txt01 > p > span.gray_txt {color:#999; font-weight:normal; }
.p_txt01 > p > span.t_gr{font-size:12px; color:#999; font-weight:normal}
.p_txt01 > dl {margin-left:21px; margin-top:25px; margin-bottom:25px; font-size:14px; color:#666;}
.p_txt01 > dl > dt {font-weight:bold; margin-bottom:15px;}
.p_txt01 > dl > dd {line-height:24px;}
.p_txt01 > dl > dd > span {color:#29313d; }
.tiny_gb {background:#f8f8f8; border-radius:3px; padding:20px; margin-top:10px; margin-bottom:22px;}
.p_txt01 > dl > dd.s_red , .p_txt01 > dl > dd > span.s_red { font-weight:bold; color:#d93b31;}

.p_txt01 > dl.bk_sq dt {background:url(/img/sub/bl_bk.gif) no-repeat left 12px; padding-left:10px; color:#666; font-size:14px; line-height:24px; margin-bottom:5px;}
.p_txt01 > dl.bk_sq dt.dt_red_sq{background:url(/img/sub/bl_red.gif) no-repeat left 12px;}
.p_txt01 > dl.bk_sq dd {margin-left:10px; width:100%; }
.p_txt01 > dl.bk_sq dd p {float:left; margin-left:35px; margin-top:15px; margin-bottom:43px;}
.p_txt01 > dl.bk_sq dd p:first-child {margin-left:0;}
.p_txt01 > dl.bk_sq dd ul {margin-left:15px;}
.p_txt01 > dl.bk_sq dd ul li.ptli {margin-left:93px;}
.p_txt01 > dl.bk_sq dd span {font-weight:bold; color:#333;}



.navy_t {width:100%;}
.navy_t th {background:#29313d; height:45px; color:#fff; font-size:14px; font-weight:bold; border-right:1px solid #d7d7d7;}
.navy_t th.bt_line {border-bottom:1px solid #d7d7d7;}
.navy_t td {height:45px; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; font-size:14px; color:#666; text-align:center;}
.navy_t td.bor-none {border-right:none;}

.btnbx {margin-left:21px; overflow:hidden;}
.bx01, .bx02 {float:left; width:50%; height:50px; }
.bx01 > p { font-size:14px; color:#666; margin-top:10px; }
.bx01 > p > span {border-bottom:1px solid #666;}
.bx02 {float:right; }
.bx02 a { border-radius:3px; width:175px; top:0;display:block;  height:40px; background:#d93b31; color:#fff; font-size:14px; text-align:center; line-height:40px; 
						transition:background 2s; -webkit-transition:background 2s; -moz-transition:background 2s; -o-transition:background 2s; float:right;}
.bx02 a:hover {background:#ff4236 ;}
.bx02 a.more_btn2 {background:#29313d;  margin-left:8px;}
.bx02 a.more_btn2:hover {background:#4f5865 ;}



.p_txt02 {width:100%; }
.p_txt02 > h4 {color:#333; font-weight:bold; font-size:24px; margin-top:50px;margin-bottom:26px;}
.gray_box {width:100%; height:215px; background:#f5f5f5; padding:33px 0 0 33px;}
.gray_box > li {font-size:14px; color:#666; line-height:24px; margin-bottom:18px;}
.gray_box > li > span {color:#d93b31;}
.gray_box > li > span.underline {font-size:16px; color:#333; border-bottom:1px solid #333;}

.ta_red {width:100%; border-top:2px solid #d93b31; margin-top:22px;}
.ta_red th {height:48px; background:#fff4f3; border-bottom:1px solid #d7d7d7;font-size:14px; color:#333; border-right:1px solid #d7d7d7; font-weight:500;}
.ta_red th.grayline {border-bottom:1px solid #a1a1a1;}
.ta_red th.gray_th {background:#f8f8f8;}
.ta_red td {font-size:14px; color:#666; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; text-align:center;}
.ta_red td.td_red {color:#d93b31;}
.ta_red th.align_l, .ta_red td.align_l , .navy_t td.align_l{text-align:left; padding-left:10px;}

.leftD {width:50%; float:left;}
.d_bg{position:relative; background:url(/img/sub/arrow.gif) no-repeat center 132px;}

.bk_num {width:100%; overflow:hidden; margin-bottom:10px;}
.bk_num > dd{ margin-left:5px; width:90%; font-size:14px;color:#666 ; float:left;}
.bk_num > dd.high_li{margin-left:25px; font-size:16px; color:#333; font-weight:bold; margin-top:13px; }
.bk_num > dd.high_li span {color:#fff; background:#de625b;}
.bk_num > dt { float:left; width:19px; height:19px; border-radius:100%; background:#333; color:#fff; text-align:center; line-height:19px;}
.tiny_gray {color:#999999; font-size:12px;}
.border_red {margin-bottom:30px; margin-left:21px; width:416px; height:74px; border:2px solid #eda9a5; }
.border_red > li {margin-left:18px; font-size:14px; color:#666; line-height:24px;}
.border_red > li:first-child {margin-top:12px;}
.border_red > li > span {color:#d93b31; font-weight:bold;}
.big_gray {color:#999; }
.bk_img {margin-top:15px; margin-left:21px;}

.acc_box > ul {float:left; margin-left:21px; margin-bottom:22px;}
.acc_box > ul > li {font-size:14px; line-height:24px; color:#333;}
.acc_box > ul > li > span {color:#666; }
.acc_box > ul > li.acc_blue {color:#0458b6;}

.acc_txt {float:right;}
.acc_txt > p.nump {font-size:20px; color:#333;}
.acc_txt > p.nump > span {font-weight:bold; color:#d93b31;}
.acc_txt > p.nump > span.num_s {font-size:14px; color:#666; font-weight:500;}
.acc_txt > p.total {font-weight:bold; color:#de625b; font-size:14px; margin-top:10px;}
.acc_pink {width:198px; height:127px; border:1px solid #de625b; background:#fff4f3; margin-top:20px; border-radius:3px;}
.acc_pink > p {margin-left:10px; font-size:12px;}
.pink_title {margin:10px 0 8px 0;}
.pink_txt {color:#666; line-height:19px;}
.pink_txt > span {color:#d93b31;}
.b_bk { font-weight:bold; border-bottom:1px solid #333;}
.price {margin-left:21px; font-size:14px; line-height:24px; color:#666;}
.price > span.s_red {color:#d93b31;}
.price > span.price_red {font-weight:bold; font-size:16px ; color:#d93b31;}

.arrow {font-size:14px; background:url(/img/sub/icon_arrow.gif) no-repeat left center; padding-left:30px; color:#666; line-height:21px;}
.arrow > span {color:#d93b31; font-weight:bold; border-bottom:1px solid #d93b31;}

.red_sq > li{background:url(/img/sub/bl_red.gif) no-repeat left 12px; padding-left:10px; color:#666; font-size:14px; line-height:24px;}
.red_sq > li.ptli {padding-left:10px; background:none; margin-bottom:5px;}

/*¿¬Çõ*/
.history {background:url(/img/sub/history_b.png)no-repeat 80px 0 ; }
.history dl { position:relative; margin:27px 0; }
.history dl:before { content:""; display:block; position:absolute; top:15px; left:84px; width:2px; height:calc(100% + 20px); background:#e7e7e7; }
.history dl dt {font-size:24px; color:#333333; font-weight:600; background:url(/img/sub/con_red.png)no-repeat 80px 5px;  float:left; width:120px; }
.history dl dd {font-size:14px; color:#666666; margin:0 0 2px 120px }