@charset 'utf-8';
* {margin:0;padding:0;list-style-type:none;-webkit-text-size-adjust:none;}
html {height:100%;}
body {margin:0;padding:0;color:#666;font-size:16px;font-family:'Dotum','Gulim','Tahoma','Verdana',mgd,mbd;-webkit-text-size-adjust:none;width:100%;min-height:100%;word-wrap:break-word; word-break:break-all;}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, address, table, thead, tbody, tfoot, tr, td, caption {margin:0;padding:0;}
a, a:link, a:visited, a:hover {color: #666;text-decoration: none;}
ul, ol {list-style:none;}
em, var {font-style:normal;}
img, fieldset {border:0 none;}
div, p, span, li, table td {}
table{ border-collapse:collapse}
hr {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; padding:0; visibility:hidden; font-size:0; line-height:0;}
caption, legend {visibility:hidden;overflow:hidden;width:0;height:0;padding:0;margin:0;font-size:0;line-height:0;}
textarea {resize:none;padding:9px;color:#666;box-sizing:border-box;-moz-box-sizing:border-box;border:1px solid #e0e0e0;}

input {font:normal 14px/14px;color:#6f6f6f;vertical-align:middle;border:none;box-sizing:border-box;-moz-box-sizing:border-box;}
input[type~="text"] {border:1px solid #e0e0e0;padding:4px 2px 2px 4px;box-sizing:border-box;-moz-box-sizing:border-box;}
input[type~="password"] {border:1px solid #e0e0e0;padding:4px 2px 2px 4px;box-sizing:border-box;-moz-box-sizing:border-box;}
input[type~="file"] {border:1px solid #e0e0e0;padding-top:2px;box-sizing:border-box;-moz-box-sizing:border-box;}
input[type~="checkbox"] {border:none;margin:-1px 0;}
input[type~="radio"] {border:none;margin:-1px 0;}
input[type~="button"] {background:transparent; cursor:pointer; *overflow:visible;}
input[type~="image"] {margin:1px 0 0 0;padding:0;}

h2{font-size:17px;color:#333;}
.navi{height:auto;position:absolute;top:60px;left:0px;width:100%;z-index:300;box-shadow:0px 2px 3px rgba(0,0,0,0.3);display:none;border-top:solid 1px #414141;border-bottom:solid 1px #414141;}
.navi ul{display:block;}
.navi ul li{display:block;background:#ffffff;}
.navi ul li div{display:block;padding:15px 20px 15px 20px;color:#333;border-bottom:solid 1px #d4d4d4;font-weight:bold}
.navi ul li div em{font-weight:normal;font-size:12px;color:#999}
.navi ul li ul{display:none;}
.navi ul li ul li{background:#fafafa;}
.navi ul li ul li a{padding:10px 30px;font-size:12px;display:block;border-bottom:solid 1px #e3e3e3;}

.all_wrap{width:100%;min-height:100%;position:relative;z-index:200;}

.top{background:#ffffff;position:relative;height:60px;}
.top .logo{position:absolute;top:10px;left:50%;width:200px;margin-left:-100px;height:30px;background:url(../images/logo.png) no-repeat;background-size:100%;text-indent:-9999px;}
.top .phone{display:block;position:absolute;top:7px;left:6px;width:48px;height:45px;background:url(../images/phone.gif) no-repeat;background-size:100%}
.top .menu_bt{display:block;position:absolute;top:14px;right:14px;width:30px;height:30px;background:url(../images/menu.gif) no-repeat;background-size:100%;cursor:pointer;}
.main_visual{width:100%}
.main_visual img{width:100%;height:auto;}
.banner{background:#ca2027;border-bottom:solid 1px #d9d9d9;border-top:solid 1px #ca2027}
.banner ul{display:block;border-top:solid 1px #df797d;border-bottom:solid 1px #b51d23;overflow:hidden;}
.banner ul li{display:block;width:25%;float:left;}
.banner ul li a{display:block;width:100%;}
.banner ul li a img{width:100%;}

.main_notice{padding:20px;position:relative;border-bottom:solid 1px #d7d7d7;}
.main_notice ul{display:block;margin-top:10px;}
.main_notice ul li{display:block;margin:3px 0px}
.main_notice ul li a{display:block;font-size:13px;position:relative;background:url(../../images/icon.gif) no-repeat 0px 4px;padding-left:10px;}
.main_notice ul li a span{font-size:11px;color:#666;position:absolute;top:0px;right:0px}
.more_bt{position:absolute;top:20px;right:20px;font-size:11px;font-weight:bold;color:#666}


.main_work{padding:20px;position:relative;}
.main_work ul{overflow:hidden;margin-top:10px;}
.main_work ul li{display:block;width:50%;float:left;}
.main_work ul li a{display:block;padding:0px 3px;}
.main_work ul li a span{display:block;font-size:12px;margin-bottom:5px;}
.main_work ul li a span img{width:100%;height:auto}
.main_work ul li a span.name{font-size:11px;}
.main_work ul li a span.name em{color:#732d0a;font-weight:bold;padding-right:5px;line-height:18px;}

.bot_menu{}
.bot_menu ul{overflow:hidden;border-top:solid 1px #dfdfdf;border-bottom:solid 1px #dfdfdf;}
.bot_menu ul li{display:block;width:25%;background:#f7f7f7;float:left;}
.bot_menu ul li a{display:block;border-right:solid 1px #dfdfdf;text-align:center;line-height:30px;font-size:12px;color:#333;}
.bot_menu ul li:last-child a{border-right:0px;}

.footer{background:#ebebeb;font-size:11px;text-align:center;padding:10px 0px;}
.footer em{font-weight:bold;color:#a8263f;}

.location{border-top:solid 1px #d3d3d3;overflow:hidden;}
.location span.home{padding:0px;text-indent:-9999px;}
.location span.home a{background:url(../images/icon_home.gif) no-repeat 10px 6px;background-size:50%;width:40px;height:34px;line-height:34px;padding:0px;display:block;}
.location span{display:block;float:left;border-right:solid 1px #d3d3d3;line-height:34px;font-size:13px;padding:0px 20px 0px 20px;border-bottom:solid 1px #d3d3d3;}
.location span:last-child{font-size:16px;font-weight:bold;border-right:0px;border-bottom:0px;background:url(../images/icon_arrow02.gif) no-repeat right 15px;background-size:5%;}
.sub_contents_wrap{}
.sub_contents_wrap img{width:100%;}
.sub_contents_wrap h4{display:block;background:url(../images/icon_circle.gif) no-repeat 0px 4px;background-size:10px 10px;padding-left:13px;font-size:17px;color:#333;margin-bottom:10px;}

.greetings{padding:20px}
.greetings p{font-size:13px;line-height:20px;margin-top:3px;}

.summary{padding:20px}
.summary ul.infor{display:block;border-top:solid 2px #b72228;margin-bottom:20px;}
.summary ul.infor li{display:block;position:relative;margub:4px 0px;padding:6px 0px 6px 80px;border-bottom:dashed 1px #e5e5e5;font-size:12px;}
.summary ul.infor li span{display:block;position:absolute;top:6px;left:0px;background:url(../images/icon_dot.gif) no-repeat 0px 4px;background-size:2px 2px;padding-left:6px;font-weight:bold;font-size:12px;}
.summary ul.sisul{overflow:hidden;}
.summary ul.sisul li{display:block;width:100%;}
.summary ul.sisul li span{display:block;padding:4px;}

.history{padding-left:20px;padding-top:70px;padding-bottom:30px;position:relative;border-bottom:dashed 1px #CCC}
.history h5{display:block;position:absolute;top:30px;left:30px;font-size:28px;color:#c70009;}
.history ul{padding:0px;}
.history ul li{display:block;position:relative;padding:13px 1px 1px 80px;font-size:13px;color:#333;line-height:18px;}
.history ul li span{display:block;position:absolute;top:12px;left:20px;font-weight:bold;font-size:14px;background:url(../images/icon_dot.gif) no-repeat 0px 6px;background-size:2px 2px;padding-left:6px;}


.confirm{overflow:hidden;padding:20px}
.confirm li{display:block;width:50%;float:left;margin-bottom:10px;}
.confirm li span{padding:4px;display:block;}
.confirm li span.name{text-align:center;font-size:12px;}

.product{padding:20px}
.product .infor{font-size:12px;padding:10px;background:#fbfbfb;border:solid 1px #eaeaea;margin-bottom:20px;}
.product .img{overflow:hidden;display:block;margin-bottom:20px;}
.product .img li{display:block;float:left;width:50%;}
.product .work_list{overflow:hidden;margin-bottom:20px;display:block;}
.product .work_list li{display:block;float:left;width:50%;}
.product .work_list li a{padding:4px;display:block;}
.product .work_list li span{font-size:12px;text-align:center;display:block;margin-top:4px;}

.request{padding:20px}
.request ul{}
.request ul li{display:block;border-bottom:dashed 1px #CCC;padding:10px 0px 10px 90px;position:relative;font-size:13px;}
.request ul li span{display:block;font-weight:bold;font-size:13px;position:absolute;top:11px;left:0px;}
.request_list{padding:20px}


.sitemap{overflow:hidden;}
.sitemap .wrap{margin-bottom:20px;}
.sitemap .wrap h5{display:block;background:#d15156;color:#ffffff;padding:10px 10px 10px 15px;font-size:14px;}
.sitemap .wrap ul{}
.sitemap .wrap ul li{display:block;border-bottom:dashed 1px #CCC;width:98%;margin:0 auto;}
.sitemap .wrap ul li a{display:block;background:url(/images/icon.gif) no-repeat 0px 13px;padding:10px 4px 10px 12px;font-size:12px;}

table.type1{border-top:solid 2px #575757;}
table.type1 th{border-bottom:solid 1px #d9d9d9;padding:8px;background:#f8f8f8;}
table.type1 td{border-bottom:solid 1px #d9d9d9;padding:8px;}

/*  skybord  */
.board_top{position:relative;padding:15px 0px 10px 10px;height:20px;}
.board_top span{color:#1277a1;}
.search_bar{padding:5px 55px 5px 10px;background:#494c61;border-top:solid 1px #34374e;position:relative;}
.search_bar input[type~="text"]{width:100%;border:solid 1px #383b50;height:26px;}
.bt1{
	box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
	line-height:20px;;
	border:solid 1px #b0b0b0; 
	border-radius:3px;
	padding:4px 10px;
	background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%); /* FF3.6+ */
 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
 	background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
 	background: -o-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Opera 11.10+ */
 	background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* IE10+ */
 	background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%); /* W3C */
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */}
.bt1_1{
	font-size:14px;
	box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
	line-height:20px;;
	border:solid 1px #b0b0b0; 
	border-radius:3px;
	margin:2px 4px 2px 0px;
	padding:2px 6px;
	background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%); /* FF3.6+ */
 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
 	background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
 	background: -o-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Opera 11.10+ */
 	background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* IE10+ */
 	background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%); /* W3C */
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */}
.bt2{
	box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
	line-height:20px;;
	border:solid 1px #2f639e; 
	border-radius:3px;
	padding:4px 10px;
	background: -moz-linear-gradient(top,  #4b92c8 0%, #185d97 100%); /* FF3.6+ */
 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b92c8), color-stop(100%,#185d97)); /* Chrome,Safari4+ */
 	background: -webkit-linear-gradient(top,  #4b92c8 0%,#185d97 100%); /* Chrome10+,Safari5.1+ */
 	background: -o-linear-gradient(top,  #4b92c8 0%,#185d97 100%); /* Opera 11.10+ */
 	background: -ms-linear-gradient(top,  #4b92c8 0%,#185d97 100%); /* IE10+ */
 	background: linear-gradient(to bottom,  #4b92c8 0%,#185d97 100%); /* W3C */
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b92c8', endColorstr='#185d97',GradientType=0 ); /* IE6-9 */}
	
.bt3{
	box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
	border:solid 1px #801515; 
	border-radius:3px;
	padding:4px 10px;
	background: -moz-linear-gradient(top,  #c53c3c 0%, #a02121 100%); /* FF3.6+ */
 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c53c3c), color-stop(100%,#a02121)); /* Chrome,Safari4+ */
 	background: -webkit-linear-gradient(top,  #c53c3c 0%,#a02121 100%); /* Chrome10+,Safari5.1+ */
 	background: -o-linear-gradient(top,  #c53c3c 0%,#a02121 100%); /* Opera 11.10+ */
 	background: -ms-linear-gradient(top,  #c53c3c 0%,#a02121 100%); /* IE10+ */
 	background: linear-gradient(to bottom,  #c53c3c 0%,#a02121 100%); /* W3C */
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c53c3c', endColorstr='#a02121',GradientType=0 ); /* IE6-9 */}

.bt4{
	box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
	line-height:16px;
	border:solid 1px #2b6b6a; 
	border-radius:3px;
	padding:3px 10px;
	background: -moz-linear-gradient(top,  #51a1a0 0%, #428f8e 100%); /* FF3.6+ */
 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#51a1a0), color-stop(100%,#428f8e)); /* Chrome,Safari4+ */
 	background: -webkit-linear-gradient(top,  #51a1a0 0%,#428f8e 100%); /* Chrome10+,Safari5.1+ */
 	background: -o-linear-gradient(top,  #51a1a0 0%,#428f8e 100%); /* Opera 11.10+ */
 	background: -ms-linear-gradient(top,  #51a1a0 0%,#428f8e 100%); /* IE10+ */
 	background: linear-gradient(to bottom,  #51a1a0 0%,#428f8e 100%); /* W3C */
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51a1a0', endColorstr='#428f8e',GradientType=0 ); /* IE6-9 */}
	
a.b100_bt {width:100%;font-size:16px;display:block;color:#ffffff;text-align:center;height:40px;line-height:30px;}
a.b100_bt2{width:100%;font-size:14px;display:block;text-align:center;height:30px;line-height:22px;}
a.b100_bt3{width:100%;font-size:12px;display:block;text-align:center;height:22px;line-height:14px;color:#ffffff;}

	
.search_open{display:block;width:37px;height:30px;background:url(/skymboard/skin/images/defult/bt_image.png) no-repeat;text-indent:-9999px;position:absolute;top:5px;right:10px}
.search_close{display:block;width:37px;height:30px;background:url(/skymboard/skin/images/defult/bt_image.png) no-repeat -37px 0px;text-indent:-9999px;position:absolute;top:5px;right:10px}
.search_bt2{display:block;width:40px;height:28px;background:url(/skymboard/skin/images/defult/bt_image.png) no-repeat -74px 0px;text-indent:-9999px;position:absolute;top:5px;right:10px}
.list_bt{position:absolute;top:5px;right:50px;}

.list_wrap{border-top:solid 2px #3c3c3c;}
.list_wrap ul li{border-bottom:solid 1px #e2e2e2;position:relative}
.list_wrap ul li a{display:block;min-height:55px;padding:10px 60px 5px 10px;position:relative;}
.list_wrap ul li a span.subject{width:100%;font-size:18px;letter-spacing:-0.03em;lien-height:27px;color:#333333}
.list_wrap ul li a span .blind{display:inline-block;background-image:url(/skymboard/skin/images/defult/icon_image.png) ;width:34px;text-indent:-9999px;margin-right:5px;background-size:34px auto;-webkit-background-size:34px auto;}
.list_wrap ul li a span .secret{display:inline-block;background-image:url(/skymboard/skin/images/defult/icon_image.png);background-position:0px -129px;width:19px;height:19px;text-indent:-9999px;background-size:34px auto;-webkit-background-size:34px auto}
.list_wrap ul li a span .new{display:inline-block;background-image:url(/skymboard/skin/images/defult/icon_image.png);background-position:0px -21px;width:19px;height:19px;text-indent:-9999px;margin-left:5px;background-size:34px auto;-webkit-background-size:34px auto}
.list_wrap ul li a span.info{display:block;margin:10px 0px;}
.list_wrap ul li a span.reply_num{display:block;position:absolute;top:10px;right:10px;background-image:url(/skymboard/skin/images/defult/icon_image.png) ;background-position:0px -44px;background-size:37px auto;-webkit-background-size:37px auto;background-repeat:no-repeat;width:37px;height:33px;text-align:center;padding-top:7px;font-size:13px;color:#0882b4;}
.list_wrap ul li a span em{color:#8f8f8f;font-size:13px;padding:0px 3px;}
.list_wrap ul li a span em.slot{color:#CCC}
.list_wrap ul li.noti a{background:#f4f8fa;color:#3f4467}
.list_wrap ul li.noti a span.subject{}
.list_wrap ul li.answer{padding-left:30px;background:#fafafa;}
.list_wrap ul li.answer .an{display:block;background-image:url(/skymboard/skin/images/defult/icon_image.png);background-position:0px -70px;width:20px;height:25px;position:absolute;top:5px;left:10px;text-indent:-9999px;background-size:34px auto;-webkit-background-size:34px auto}
.list_num{width:100%;padding:10px 0px;text-align:center;}
.list_num a{display:inline-block;padding:6px 9px;border:solid 1px #bec0c0;margin:0px 3px;font-size:15px;}
.list_num a.active{background:#4c4c4c;border:solid 1px #4c4c4c;color:#ffffff;}

.gallery_wrap{padding:20px;}
.gallery_wrap ul{border-top:solid 2px #3c3c3c;border-bottom:solid 2px #3c3c3c;margin:20px 0px;}
.gallery_wrap ul li{margin:10px 0px;}
.gallery_wrap ul li a{display:block;}
.gallery_wrap ul li span{display:block;line-height:40px;text-align:center;}

.view_wrap{padding:10px 0px 10px 0px;position:relative;}
.view_wrap ul.button li{float:left;margin-left:10px;}
.view_wrap ul.button:after{content:"";display:block;clear:both;}

.view_wrap .read{border-top:solid 1px #6d6d6d;border-bottom:solid 1px #6d6d6d;margin-top:10px;padding:10px;}
.view_wrap .read h2{display:block;line-height:20px;font-size:16px;color:#333}
.view_wrap .read span.info{display:block;margin-top:5px;border-bottom:solid 1px #CCCCCC;margin-bottom:5px;padding-bottom:10px;}
.view_wrap .read span.info em{margin-right:3px;font-size:13px;color:#999}
.view_wrap .read .view_con{border-top:dashed 1px #e3e3e3;padding:20px 0px;margin-top:10px;}
.view_wrap .read .view_con img{margin:10px 0px;}
.view_wrap .read p{font-size:12px !important;}

.view_wrap .reply{padding:0px 10px 10px 10px;margin-bottom:10px;border-bottom:solid 1px #6d6d6d}
.view_wrap .reply ul li{padding:10px 0px 10px 20px;border-bottom:dashed 1px #e3e3e3;position:relative;}
.view_wrap .reply ul li:last-child{border-bottom:solid 1px #e3e3e3;}
.view_wrap .reply ul li span{display:block;margin-top:10px;}
.view_wrap .reply ul li span.blind{display:block;background-image:url(/skymboard/skin/images/defult/icon_image.png);background-position:0px -100px;width:20px;height:25px;position:absolute;top:-7px;left:-3px;text-indent:-9999px;background-size:34px auto;-webkit-background-size:34px auto}
.view_wrap .reply ul li em{margin-right:3px;}
.view_wrap .reply ul li em.name{font-weight:bold;}
.view_wrap .reply ul li em.date{font-size:13px;}
.view_wrap .reply ul li a.reply_de{font-size:11px;position:absolute;top:5px;right:5px;line-height:12px;}

.view_wrap .signup{margin-top:10px;position:relative}
.view_wrap .signup span{width:100px;padding:0px 0px 0px 0px}
.view_wrap .signup p{margin-top:10px;border:solid 1px #6d6d6d;padding:5px;}
.view_wrap .signup p textarea{width:100%;border:0px;}
.view_wrap .signup span input{width:90px;border:solid 1px #6d6d6d}
.view_wrap .signup a.reply_en{font-size:11px;position:absolute;top:0px;right:5px;line-height:12px;}

.key{margin-top:10px;}
.key input{color:#dc1616;border:solid 1px #dc1616;font-size:16px;}
.key span{display:inline-block;padding:5px 6px;font-weight:bold;background:#eeeeee;margin-left:5px;font-size:16px;}
.key span em{color:#dc1616}
.key .info{margin-top:10px;background:#fbfbfb;padding:5px;font-size:12px;}

.write_wrap{padding:10px;}
.write_wrap dl.write_form dt{display:block;margin-top:5px;}
.write_wrap dl dd{padding:6px 0px;display:block;border-bottom:dashed 1px #CCC}
.write_wrap dl dd span{padding:0px 10px 0px 5px;}
.write_wrap dl dd input[type~="text"]{width:100%;height:28px;font-size:15px;border:solid 1px #bfbfbf;}
.write_wrap dl dd input[type~="password"]{width:100%;height:28px;font-size:15px;border:solid 1px #bfbfbf;}
.write_wrap dl dd input[type~="checkbox"]{background:#ffffff;}
.write_wrap dl dd input[type~="file"]{width:100%;background:#ffffff;height:28px;border:solid 1px #bfbfbf;}
.write_wrap dl dd textarea{width:100%;border:solid 1px #bfbfbf;}

.del_wrap{padding:10px;}
.del_wrap span{display:block;text-align:center;font-size:16px;width:100%;padding:10px 0px}
.del_wrap em{display:block; color:#dc1616;width:100%;text-align:center;margin-bottom:10px;}
.del_wrap div.txt{padding:10px;}