@charset "utf-8";
/* All */
header,footer,section,article,aside,nav,menu,hgroup,figure,figcaption{ display:block; margin:0; padding:0}
html,body{ min-height:100%; margin:0}
body,table,input,textarea,button,select,a{ font-family:Malgun Gothic,Dotum,AppleGothic,Arial,sans-serif; font-size:100%; color:#676767;border: 0;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{ margin:0; padding:0; border:0; border-collapse:separate; border-spacing:0; font-weight:inherit; font-style:inherit; font-size:100%; text-decoration:none; list-style:none; font-family:'굴림';}

/* Layout */
.body { background:url('../images/home_bg.jpg') repeat-x; width:100%; height:100% }
.body_sub { background:url('../images/sub_bg.jpg') repeat-x; width:100%; height:100% }
.contaner { width:1200px; min-height:775px; margin: 0 auto; display:block; line-height: 20px; font-size: 9pt; }
.contaner .lnb { float:left; background: #f4f6f6; border-left: solid 1px #b1b1b1; border-right: solid 1px #b1b1b1; width:230px; min-height:775px; margin-top:32px; }
/*메뉴*/
.contaner .lnb .menu { background: #ffffff; border-top: solid 1px #b1b1b1; border-bottom: solid 1px #b1b1b1; padding:10px; padding-right: 20px; width:200px; text-align: right; }
.contaner .lnb h3 { cursor:pointer; padding-top: 10px }
.contaner .lnb h3 span { display: none; }
.contaner .lnb h3 div { padding-top: 10px; }
.contaner .lnb ul { margin-top: 10px; }
.contaner .lnb ul li { padding-bottom: 5px }
.contaner .lnb ul li a { display:inline-block; }
.contaner .lnb .ui-accordion .ui-accordion-content { padding:0 }
.contaner .lnb .ui-state-default,
.contaner .lnb .ui-state-active,
.contaner .lnb .ui-widget-hover,
.contaner .lnb .ui-widget-content,
.contaner .lnb .ui-widget-active { border: none; background:#ffffff; }
.contaner .lnb .menu { background: #ffffff; border-top: solid 1px #b1b1b1; border-bottom: solid 1px #b1b1b1; min-height: 350px; }
/* 탑메뉴*/
.contaner .gbn { float:left; width:800px; height:32px; } 
.contaner .gbn ul.menu { float:right; height:31px; list-style: none; border-left: solid 1px #3697c2; border-right: solid 1px #83c9dd; font-size:9pt; color:#ffffff; }
.contaner .gbn ul li { float:left;  padding:6px 20px; border-right: solid 1px #3697c2; border-left: solid 1px #83c9dd; }
.contaner .gbn ul li a { color:#ffffff }
.contaner .gbn ul li a:hover, .contaner .gbn ul li a:active { color: #fbf36e }
/*컨텐츠*/
.contaner .content { float:left; width:800px; min-height:755px; display:block;  }
.contaner .content .slide { float:left; width:810px; height:560px; }
.contaner .content .widget { float:left; width:800px; min-height:195px; }
/*스크랩*/
.contaner .scrapper { position: absolute; width:223px; height:100%; right:0; top:32px; z-index: 800; }
.contaner .scrapper .picker a { position: absolute; top:392px; width:43px; height:91px }
.contaner .scrapper .picker .close { background:url('../images/scrapper.png') -43px 479px; }
.contaner .scrapper .picker .open  { background:url('../images/scrapper.png') 0px 479px; }
.contaner .scrapper .info { position: absolute; top:0px; left:43px; background: #69bae1;  width:180px; min-height:765px; }
.contaner .scrapper .info .q1 { margin-top:-10px;font-size: 9pt; color:#ffffff; }
.contaner .scrapper .info .q1 div.c_title { margin-top:10px }
.contaner .scrapper .info .q1 #cname { width: 148px; height:23px; }
.contaner .scrapper .info .q1 input[name=cphone_no] { width:44px; height:23px; }
.contaner .scrapper .info .q1 textarea { width: 148px; height:50px; }
.contaner .scrapper .info .q1 span { background-color: #26a7dc }
.contaner .scrapper .info .q1 img { vertical-align: middle; margin-bottom: 2px;}

.contaner .scrapper .info .q2 li { float:left;margin:12px }
.contaner .scrapper .info .q3 { padding: 10px; }
.contaner .scrapper .info .q3 li { margin-top: -5px; }
.contaner .scrapper .info .q3 li:nth-child(1) { margin-top: 5px; }
.contaner .scrapper .info .q3 li:nth-child(2) { margin: 10px 0; }
/*푸터*/
.footer { float: left;width:100%; height:90px; background: #4e4e4e }
.footer .content { width:1200px; height:90px; margin: 0 auto; }
/*약관*/
.footer .content .argee { float:left; height:90px; width:230px; border-left: solid 1px #717171;border-right: solid 1px #717171; font-size:9pt; color:#ffffff; }
.footer .content .argee li { float:left; width:230px; text-align: center; padding: 15px 0 }
.footer .content .argee li a { color: #cccccc }
.footer .content .argee li:first-child { border-bottom: solid 1px #434343 }
.footer .content .argee li:last-child { border-top: solid 1px #717171 }
/*회사소개*/
.footer .content .corp { float:left; width:800px; font-size:9pt; text-align: center; padding:15px 0; line-height: 15pt; }
.footer .content .corp .c1 { color:#cccccc; }
.footer .content .corp .c2 { color:#999999; }


/* This css button was generated by css-button-generator.com */
.btn_normal {
    font-size:12px;
    font-family:Arial;
    font-weight:normal;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    min-width:100px;
    border-radius:3px;
    border:1px solid #dcdcdc;
    padding:6px 5px;
    text-decoration:none;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #f6f6f6) );
    background:-moz-linear-gradient( center top, #ffffff 5%, #f6f6f6 100% );
    background:-ms-linear-gradient( top, #ffffff 5%, #f6f6f6 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');
    background-color:#ffffff;
    color:#666666;
    display:inline-block;
    text-shadow:1px 1px 0px #ffffff;
    -webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
    -moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
    box-shadow:inset 1px 1px 0px 0px #ffffff;
    text-align: center;
}
.btn_normal:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f6f6f6), color-stop(100%, #ffffff) );
    background:-moz-linear-gradient( center top, #f6f6f6 5%, #ffffff 100% );
    background:-ms-linear-gradient( top, #f6f6f6 5%, #ffffff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff');
    background-color:#f6f6f6;
}
.btn_normal:active {
    position:relative;
    top:1px;
}

.btn_confirm {
    font-size:12px;
    font-family:Arial;
    font-weight:normal;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    min-width:100px;
    border-radius:3px;
    border:1px solid #199bbf;
    padding:6px 5px;
    text-decoration:none;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #5ab9d3), color-stop(100%, #5ab9d3) );
    background:-moz-linear-gradient( center top, #5ab9d3 5%, #5ab9d3 100% );
    background:-ms-linear-gradient( top, #5ab9d3 5%, #5ab9d3 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ab9d3', endColorstr='#5ab9d3');
    background-color:#5ab9d3;
    color:#ffffff;
    display:inline-block;
    text-shadow:0px 0px 0px #528ecc;
    -webkit-box-shadow:inset 0px 0px 0px 0px #5ab9d3;
    -moz-box-shadow:inset 0px 0px 0px 0px #5ab9d3;
    box-shadow:inset 0px 0px 0px 0px #5ab9d3;
    text-align: center;
}
.btn_confirm:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #5ab9d3), color-stop(100%, #5ab9d3) );
    background:-moz-linear-gradient( center top, #5ab9d3 5%, #5ab9d3 100% );
    background:-ms-linear-gradient( top, #5ab9d3 5%, #5ab9d3 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ab9d3', endColorstr='#5ab9d3');
    background-color:#5ab9d3;
}
.btn_confirm:active {
    position:relative;
    top:1px;
}
.btn_cancel {
    font-size:12px;
    font-family:Arial;
    font-weight:normal;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    min-width:100px;
    border-radius:3px;
    border:1px solid #606060;
    padding:6px 5px;
    text-decoration:none;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #6a6a6a), color-stop(100%, #6a6a6a) );
    background:-moz-linear-gradient( center top, #6a6a6a 5%, #6a6a6a 100% );
    background:-ms-linear-gradient( top, #6a6a6a 5%, #6a6a6a 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a6a6a', endColorstr='#6a6a6a');
    background-color:#6a6a6a;
    color:#ffffff;
    display:inline-block;
    text-shadow:0px 0px 0px #6a6a6a;
    -webkit-box-shadow:inset 0px 0px 0px 0px #6a6a6a;
    -moz-box-shadow:inset 0px 0px 0px 0px #6a6a6a;
    box-shadow:inset 0px 0px 0px 0px #6a6a6a;
    text-align: center;
}
.btn_cancel:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #6a6a6a), color-stop(100%, #6a6a6a) );
    background:-moz-linear-gradient( center top, #6a6a6a 5%, #6a6a6a 100% );
    background:-ms-linear-gradient( top, #6a6a6a 5%, #6a6a6a 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a6a6a', endColorstr='#6a6a6a');
    background-color:#6a6a6a;
}
.btn_cancel:active {
    position:relative;
    top:1px;
}


.btn_yellow {
    font-size:12px;
    font-family:Arial;
    font-weight:normal;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #f7ad1d;
    padding:6px 5px;
    min-width:100px;
    text-decoration:none;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f7ad1d), color-stop(100%, #f7ad1d) );
    background:-moz-linear-gradient( center top, #f7ad1d 5%, #f7ad1d 100% );
    background:-ms-linear-gradient( top, #f7ad1d 5%, #f7ad1d 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7ad1d', endColorstr='#f7ad1d');
    background-color:#f7ad1d;
    color:#ffffff;
    display:inline-block;
    text-shadow:0px 0px 0px #6a6a6a;
    -webkit-box-shadow:inset 0px 0px 0px 0px #6a6a6a;
    -moz-box-shadow:inset 0px 0px 0px 0px #6a6a6a;
    box-shadow:inset 0px 0px 0px 0px #6a6a6a;
}
.btn_yellow:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f7ad1d), color-stop(100%, #f7ad1d) );
    background:-moz-linear-gradient( center top, #f7ad1d 5%, #f7ad1d 100% );
    background:-ms-linear-gradient( top, #f7ad1d 5%, #f7ad1d 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7ad1d', endColorstr='#f7ad1d');
    background-color:#f7ad1d;
}
.btn_yellow:active {
    position:relative;
    top:1px;
}

.psite { width:700px;height:466px;position: absolute;z-index: 999;background: #fff;left: 50%;top: 50%;margin: -233px 0 0 -350px; }
.psite .pl_header {}
.psite .pl_body { text-align: left; font-size: 9pt; padding:25px;}
.psite .pl_body ul {}
.psite .pl_body ul li { float:left; width:24.5%; display: inline-block; border-right: 1px #c1c1c1 dashed;}
.psite .pl_body ul li div {padding-left: 20px;}
.psite .pl_body ul li div.none {padding-left:0px !important;}
.psite .pl_body ul li p {margin-top:5px; margin-left:5px; line-height: 20px;}
.psite .pl_body ul li.r1 { height:220px; }
.psite .pl_body ul li.r {border-right: none;}
.psite .pl_body ul li.r2 { height:120px; border-top: 1px #c1c1c1 dashed;}
.psite .pl_body ul li.r2 div {padding-top: 10px;}
.psite .footer { margin-top:15px;background: #5ab8d3;height:10px }

.pargee { width:700px;height:388;position: absolute;z-index: 999;background: #fff;left: 50%;top: 50%;margin: -194px 0 0 -350px; }
.pargee .pl_header {}
.pargee .pl_body { text-align: left; font-size: 9pt; padding:25px;}
.pargee .pl_body div.doc { width: 80%; margin: 0 auto; border: 1px solid #C1C1C1; height: 150px; line-height: 20px; overflow: auto; font-size: 9pt; padding: 15px; }
.pargee .pl_body div.action { text-align: center; margin-top:20px;}
.pargee .footer { margin-top:15px;background: #5ab8d3;height:10px }

.pargee2 { width:700px;height:388;position: absolute;z-index: 999;background: #fff;left: 50%;top: 50%;margin: -194px 0 0 -350px; }
.pargee2 .pl_header {}
.pargee2 .pl_body { text-align: left; font-size: 9pt; padding:25px;}
.pargee2 .pl_body div.doc { width: 80%; margin: 0 auto; border: 1px solid #C1C1C1; height: 150px; line-height: 20px; overflow: auto; font-size: 9pt; padding: 15px; }
.pargee2 .pl_body div.action { text-align: center; margin-top:20px;}
.pargee2 .footer { margin-top:15px;background: #5ab8d3;height:10px }
/* This css button was generated by css-button-generator.com */

/*
@media only screen and (max-width:1024px) {
	.contaner { width:1000px; min-height:775px; margin: 0 auto; display:block; line-height: 20px; font-size: 9pt; }
	.contaner .gbn { float:left; width:600px; height:32px; } 
    .footer {width:1000px; height:90px; margin:0;}

}
*/