@charset "utf-8";

#head {position:fixed; top:0; z-index:10000; width:100%; height:50px; border-bottom:1px solid #ddd; background-color:#fff;}
#head ul {padding:0 0 0 15px;}
#head .left {float:left; line-height:50px;}
#head .left img {width:85px;}
#head .right {float:right;}
#head .right .menu {float:right; width:50px; height:50px; background-color:#f3f3f3; border-left:1px solid #ddd; text-align:center; line-height:50px;}
#head .right img {width:35px;}

#head_blank {width:100%; height:57px; background-color:#ededed;}

#menu_on {display:none; top:0; position:fixed; z-index:10001; width:100%; height:100%; background:url('/m/sub/image/menu_bg.png')repeat;}
#menu_on .area {float:right; width:85%; height:100%; background-color:#f7f7f7;}
#menu_on .top {width:100%; height:50px; background-color:#222;}
#menu_on .top p {float:left; padding-left:15px; line-height:50px; color:#fff; font-size:13px;}
#menu_on .top a {float:right; padding-right:15px; line-height:50px;}
#menu_on .menu {width:100%; height:228px; background-color:#fff;}
#menu_on .menu li {float:left; width:calc(33.3% - 1px); border-right:1px solid #ddd; border-bottom:1px solid #ddd; height:75px; text-align:center; color:#111; font-size:11px; letter-spacing:-1px;}
#menu_on .menu li img {width:30px; padding:10px 0 3px 0;}
#menu_on .hot {background:url('/m/sub/image/icon_hot.png')right top no-repeat; background-size:22px 22px;}
#menu_on .cs {margin:10px 0;}
#menu_on .cs img {width:100%;}
#menu_on .call {margin:10px 0; background-color:#fff; width:100%; height:80px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#menu_on .call div {float:left; width:calc(50% - 1px); border-right:1px solid #ddd; text-align:center; line-height:80px;}
#menu_on .call img {width:97px;}
#menu_on .partner {margin:0 15px; text-align:center;}
#menu_on .partner a {float:left; width:50%;}
#menu_on .partner img {width:120px;}

#main {width:100%; overflow:hidden; background-color:#ededed;}
#main img {width:100%;}

#main_list {width:100%; overflow:hidden; background-color:#ededed;}
#main_list .tab {width:100%;}
#main_list .tab ul {padding:0 2px; overflow:hidden;}
#main_list .tab li {
	float:left; width:calc(20% - 6px); height:40px; margin:4px 2px; border:1px solid #333; background:url('/m/sub/image/tab_off.jpg')repeat; background-size:33px; 
	color:#fff; font-size:12px; font-weight:bold; text-align:center; line-height:15px; letter-spacing:-1px;
}
#main_list .tab .blank1 {padding-top:13px;}
#main_list .tab .blank2 {padding-top:3px;}
#main_list .con {width:100%; overflow:hidden;}
#main_list .con .con_list {padding:20px 15px;}
#main_list .con .con_list p {text-align:center; font-size:22px; padding-bottom:15px; margin-bottom:20px; font-weight:bold; color:#000; letter-spacing:-1px;  background:url('/m/sub/image/title_bg.jpg')center bottom no-repeat; background-size:25px 1px;}

.main_btn {position:fixed; z-index:1000; bottom:0;}
.main_btn .select_go {width:50%; float:left;}
.main_btn .call_go {width:50%; float:left;}

#sub {width:calc(100% - 30px); padding:15px; overflow:hidden; background-color:#ededed;}
#sub .sub_title {text-align:center; color:#aaa; font-size:14px;}
#sub .sub_title p {color:#3f3f41; font-size:28px; letter-spacing:-1px; font-weight:bold;}
#sub .sub_title p span {color:#8d0100;}


/* 상단 */
.headmenu           { font-size:11px; color:#666666; letter-spacing:-1px; } 
.headmenu span      { font-size: 9px; color:#999999; letter-spacing:-1px; } 
.headmenu a:link    { font-size:11px; color:#666666; letter-spacing:-1px; }
.headmenu a:visited { font-size:11px; color:#666666; letter-spacing:-1px; }
.headmenu a:active  { font-size:11px; color:#666666; letter-spacing:-1px; }
.headmenu a:hover   { font-size:11px; color:#111111; letter-spacing:-1px; }

/* 하단 */
.tailmenu    { width:100%; border-collapse:collapse; }
.tailmenu td { font-size:11px; padding:10px; background:#ededed; text-align:center; color:#777; font-size:11px; border-top:1px solid #ddd; padding:20px 0;}

/* Shop */
.shop_itemtitle      { padding:10px; }
.shop_itemtitle      { color:#333333; font-size:14px; font-weight:bold; }

.shop_itemqaform       { width:100%; margin:0px 0px 20px 0px; border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; border-collapse:collapse; }
.shop_itemqaform tr th { padding:7px; border-bottom:1px solid #ededed; background:#fafafa; color:#666666;  text-align:left; }
.shop_itemqaform tr td { padding:7px; border-bottom:1px solid #ededed; text-align:left; }

.shop_carttitle { margin:0px 10px 10px 10px; padding-left:15px; }
.shop_carttitle { color:#111111; font-weight:bold; background:url('../shop/img/icon_cart_subject.gif'); background-repeat:no-repeat; }
.shop_carttitle a:link    { color:#666666; }
.shop_carttitle a:visited { color:#666666; }
.shop_carttitle a:active  { color:#666666; }
.shop_carttitle a:hover   { color:#666666;  text-decoration:underline;}

.shop_cartlist                 { width:100%; margin:0px 0px 20px 0px; border-bottom:1px solid #cdcdcd; border-collapse:collapse; }
.shop_cartlist tr th	       { padding:5px; }
.shop_cartlist tr th           { color:#666666;  background:url('../shop/img/th_bg.gif');}
.shop_cartlist tr th a:link    { color:#666666; }
.shop_cartlist tr th a:visited { color:#666666; }
.shop_cartlist tr th a:active  { color:#666666; }
.shop_cartlist tr th a:hover   { color:#666666; text-decoration:underline;}

.shop_cartlist tr td           { padding:5px; border-left:1px solid #ececec; border-bottom:1px solid #ececec; text-align:center; }
.shop_cartlist tr td           { color:#666666;  }
.shop_cartlist tr td.ll        { border-left:0px; }
.shop_cartlist tr td.le        { text-align:left; }
.shop_cartlist tr td a:link    { color:#666666;  }
.shop_cartlist tr td a:visited { color:#666666;  }
.shop_cartlist tr td a:active  { color:#666666;  }
.shop_cartlist tr td a:hover   { color:#666666;   text-decoration:underline;}

.shop_cartform       { width:100%; margin:0px 0px 20px 0px; border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; border-collapse:collapse; }
.shop_cartform tr th { padding:5px; border-bottom:1px solid #ededed; background:#fafafa; color:#666666;  text-align:left; }
.shop_cartform tr td { padding:5px; border-bottom:1px solid #ededed; text-align:left; }

.boardtitle        { text-align:left; margin:10px; padding-left:20px;}
.boardtitle        {font-size:14px; color:333333; font-weight:bold; background:url('../img/icon.gif'); background-repeat:no-repeat;}

.boardlist    { margin-bottom:20px; }
.boardlist th { color:#111111; text-align:center; background:#ececec; border-top:1px solid #bfbfbf; border-bottom:1px solid #ececec; height:30px; } 
.boardlist td { color:#111111; text-align:center; background:#ffffff; border-top:0px solid #bfbfbf; border-bottom:1px solid #ececec; height:50px; } 

.boardview    { width:100%; margin-bottom:0px; border-top:1px solid #bfbfbf; }
.boardview th { color:666666; padding:10px; background-color:#f6f6f6; border-bottom:1px solid #e6e6e6; text-align:left; border-right:1px solid #e6e6e6; }
.boardview td { color:666666; padding:10px; background-color:#ffffff; border-bottom:0px solid #e6e6e6; text-align:left; line-height:150%; }

.boardform    { width:100%; margin-bottom:20px; border-top:1px solid #bfbfbf; }
.boardform th { color:666666; padding:5px 5px 5px 15px; background-color:#f6f6f6; border-bottom:1px solid #e6e6e6; text-align:left; border-right:1px solid #e6e6e6; }
.boardform td { color:666666; padding:5px 5px 5px 5px;  background-color:#ffffff; border-bottom:1px solid #e6e6e6; text-align:left; line-height:150%; }

.boardpage    { margin:10px; }
.boardmargin  { margin:10px; }

/* defualt */
html,body{margin:0;padding:0;height:100%;}
body{font:12px "맑은 고딕", Dotum, "굴림", Gulim, Arial, sans-serif;background:#fff;color:#767676;overflow-y:scroll;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
input,textarea,select,td,th{font:12px "맑은 고딕", Dotum, "굴림", Gulim, Arial, sans-serif;color:#767676;vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
table{border-spacing:0;border-collapse:collapse;}
ol,ul,li{list-style:none;}
hr, legend, caption, .hidden{position:absolute;left:-5000px;top:0;visibility:hidden;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%;}
caption{position:relative;}
fieldset{border:0 none;}
img{vertical-align:middle;border:0 none;}
label,button{cursor:pointer;}
em,address{font-style:normal;}

input.text     { border:1px solid #ccc; padding:0px; }
input.radio    { vertical-align:-2px; }
input.checkbox { vertical-align:-2px; }


/* Default button styling - this applies to all anchors with the .button class */

a:link,a:visited{text-decoration:none;color:#666}
a:hover,a:active,a:focus{text-decoration:none;}

.button_m1 {
	color:#111;
	display:-moz-inline-stack; 
	display:inline-block; 
	text-decoration:none !important;]
	cursor:pointer;
	font-size: 12px;
	text-align:center;
	vertical-align:top;
	text-decoration: none!important; 
	padding: 9px 15px; 
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	box-shadow: inset 0px 0px 2px #fff;
	-o-box-shadow: inset 0px 0px 2px #fff;
	-webkit-box-shadow: inset 0px 0px 2px #fff;
	-moz-box-shadow: inset 0px 0px 2px #fff;
}
.button_s1 {
	color:#111;
	display:-moz-inline-stack; 
	display:inline-block; 
	text-decoration:none !important;]
	cursor:pointer;
	vertical-align:top;
	font-size: 10px; 
	text-align:center;
	/*font-family: Helvetica, Arial, sans serif;*/
	padding: 0px 5px 0px 5px; 
}

/* The styles for the grey button */
.gray {
	color: #444;
	border: 1px solid #d0d0d0;
	background-image: -moz-linear-gradient(#ededed, #e1e1e1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e1e1e1), to(#ededed));
	background-image: -webkit-linear-gradient(#ededed, #e1e1e1);
	background-image: -o-linear-gradient(#ededed, #e1e1e1);
	text-shadow: 1px 1px 1px #fff;
	background-color: #e1e1e1;
}
.gray:hover {
	border: 1px solid #b0b0b0;
	background-image: -moz-linear-gradient(#e1e1e1, #ededed);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#e1e1e1));
	background-image: -webkit-linear-gradient(#e1e1e1, #ededed);
	background-image: -o-linear-gradient(#e1e1e1, #ededed);
	background-color: #ededed;
}
.gray:active {border: 1px solid #666;}

/* The styles for the black button */
.black {
	color: #fff;
	border: 1px solid #4d4d4d;
	background-image: -moz-linear-gradient(#656565, #454545);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#454545), to(#656565));
	background-image: -webkit-linear-gradient(#656565, #454545);
	background-image: -o-linear-gradient(#656565, #454545);
	text-shadow: 1px 1px 1px #6d6d6d;
	background-color: #454545;
}
.black:hover {
	border: 1px solid #363636;
	background-image: -moz-linear-gradient(#454545, #656565);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#656565), to(#454545));
	background-image: -webkit-linear-gradient(#454545, #656565);
	background-image: -o-linear-gradient(#454545, #656565);
	background-color: #656565;
}
.black:active {border: 1px solid #000;}

/* The styles for the blue button */
.blue {
	color: #fff;
	border: 1px solid #2f74b6;
	background-image: -moz-linear-gradient(#488cce, #458ed4);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#458ed4), to(#488cce));
	background-image: -webkit-linear-gradient(#488cce, #458ed4);
	background-image: -o-linear-gradient(#488cce, #458ed4);
	text-shadow: 1px 1px 1px #2f74b6;
	background-color: #458ed4;
}
a.blue:hover {
    color:#fff;
	border: 1px solid #225f99;
	background-image: -moz-linear-gradient(#458ed4, #2f74b6);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2f74b6), to(#458ed4));
	background-image: -webkit-linear-gradient(#458ed4, #2f74b6);
	background-image: -o-linear-gradient(#458ed4, #2f74b6);
	background-color: #2f74b6;
}
a.blue:link, a.blue:visited, a.blue:active {
    color:#fff;
	border: 1px solid #225f99;
	background-image: -moz-linear-gradient(#458ed4, #2f74b6);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2f74b6), to(#458ed4));
	background-image: -webkit-linear-gradient(#458ed4, #2f74b6);
	background-image: -o-linear-gradient(#458ed4, #2f74b6);
	background-color: #2f74b6;
}


/* The styles for the button groups */

.left {
	border-top-right-radius: 0px;
	-moz-border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	-moz-border-bottom-right-radius: 0px;
	border-right: 0px;
}
.left:hover {
	border-right: 0px;
}
.middle {
	border-radius: 0px;
	-moz-radius: 0px;
	border-right: 0px;
}
.middle:hover {
	border-right: 0px;
}
.right {
	border-top-left-radius: 0px;
	-moz-border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	-moz-border-bottom-left-radius: 0px;
}

/* Large Styles */

.large {padding: 14px 28px;}


	/*  video  */
.floor {width:100%; margin:0 auto; margin-bottom:10px;}
.floor ul li {float:left; width:50%;}
.floor ul li img {width:100%;}

.Pstyle {
 opacity: 0;
 display: none;
 position: relative;
 width: auto;
z-index:99999999999999999999;
margin-top:200px;
}

.b-close {
 position: absolute;
 right: 10px;
 top: 10px;
 padding: 10px;
 display: inline-block;
 cursor: pointer;
}
.video_make {border-bottom:3px solid #c9171e; width:100%; margin:0 auto; margin-bottom:30px;}
.video_make .title_02 {font-size:16px; font-weight:bold; color:#666;font-family:"맑은 고딕"; margin-bottom:10px;}
.video_make .title_02 img  {vertical-align:middle;margin-top:-8px; width:10%;}
.video_make .title_02 span {font-size:20px;}
.video_make .text_01 {font-family:"맑은 고딕"; font-size:12px; margin-bottom:20px;}
.video_02 {width:1000px; margin:0 auto; margin-bottom:30px;}
.video_text {font-family:"맑은 고딕";font-size:12px; font-weight:bold; color:#c9151f; margin-bottom:50px; clear:both;}
.video_text_1 {font-family:"맑은 고딕";font-size:12px; font-weight:bold; color:#c9151f; margin-bottom:20px; }


.title_03 {font-size:16px;color:#666;font-family:"맑은 고딕"; font-weight:bold;  color:#000;margin-bottom:50px;  text-align:center;}
.title_03 img  {vertical-align:middle;margin-top:-8px}
.title_03 span {font-size:20px;}

.table_02 {width:100%; margin:0 auto; margin-bottom:30px;}
.table_02 table {width:100%;}
.table_02 table th {background-color:#c9171e; border-right:1px solid #ccc; font-family:"맑은 고딕"; font-size:14px; font-weight:bold; color:#fff; height:50px;}
.table_02 table td{border:1px solid #ccc; width:50%; padding:10px 20px; font-family:"맑은 고딕"; font-size:13px; line-height:18px; color:#333;}