@charset "UTF-8";

 
 body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, th, td, input, textarea,button,select
 {margin:0; padding:0; font-family:"dotum", 'sans-serif'; font-weight:normal}
 
 
 body 
 {width:100%; min-width:320px; height:100%; min-height:404px; margin:0 auto;  overflow-x:hidden;
font-size:1em; line-height:1.4em; letter-spacing:-0.07em; }
 
 a{text-decoration:none; border:0; color:#000;}
 a:hover{color:#666}
 a[href^="tel"]{ font-style:normal}
 address, caption, em, var{font-style:normal;font-weight:normal}
 input, textarea, select{letter-spacing:normal}
 ol, ul,  li, dl{list-style:none} 
 fieldset, img{border:0}
 legend, caption{display:none}
 img{border:0;vertical-align:top}
 hr{display:none}
 table{border-collapse:collapse;border-spacing:0}
 br{letter-spacing:normal}

 input{vertical-align:middle}
 input[type="text"], input[type="password"]{-webkit-appearance:none}
 input[type="checkbox"]{-webkit-appearance:none;-webkit-border-radius:0}
 input:checked[type="checkbox"]{-webkit-appearance:checkbox}
 button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0}
 input[type="button"]{background:#757c8c; color:#fff; border:none; padding:5px; cursor:pointer;}
 textarea{-webkit-appearance:none} 
.position_r {position:relative;}


.ff6600{color:#ff6600}
.tiny_btn02{color: sandybrown; line-height: 8px; font-size: 8px; vertical-align: top;}
.mb30{margin-bottom:30px;}
/*
 select{-webkit-appearance:menulist-text}
 */










* {margin:0; padding:0;}
/* html5 필수요소*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, p,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
 aside, canvas, details, figcaption, figure, 
footer, hgroup, menu, section, summary,
time, mark, audio, video,article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin:0;
    padding:0;
    border:0;
    outline:0;
	font-family:"verdana","Dotum,";
	color:#666;
	vertical-align:top;
	line-height:22px; 
	/*text-transform:capitalize;*/
}


html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed, 
figure,figcaption,footer,header,hgroup, 
menu,nav,output,ruby,section,summary,
time,mark,audio,video{margin:0; padding:0; border:0 none; vertical-align:middle;  font-family:"verdana","돋움",sans-serif; color:#666; line-height:22px;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:""; content:none;}
table{border-collapse:collapse; border-spacing:0; width:100%; table-layout:fixed;}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}



header, nav, section, article, aside, footer {
   display:block;
}
body { _behavior:url("/common/css/csshover3.htc"); }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}

nav ul { list-style:none;}

blockquote, q {quotes:none;}

blockquote:before, blockquote:after,q:before, q:after { content:''; content:none;}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background:none;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

ul,li {
	list-style:none;
}


.overflow_none{overflow:none !important;}



/*스킵버튼*/
#skipNav { position: absolute; top:-10.5em; left:0; margin: 0 auto; z-index:999; }
#skipNav a:active, #skipNav a:focus {position: absolute; top:14em; left: 30px; width: 150px; height:17px; padding-top:3px; text-align: center; color: #fff; background: #333; border: 2px solid #000; outline: 0; font-weight:bold;}


/* go top page */
#returntop { position: absolute; top:-10.5em; left:0; margin: 0 auto; z-index:999; }
#returntop a:active, #returntop a:focus {position: absolute; bottom:20em; left: 30px; width: 150px; height:17px; padding-top:3px; text-align: center; color: #fff; background: #333; border: 2px solid #000; outline: 0; font-weight:bold;}



li {list-style:none;}
li img {vertical-align:top;}
img {margin:0; padding:0; border:0;}
address {font-style:normal;}


/* h1~h6 hr */
hr {position:absolute; width:0; height:0; font-size:0; overflow:hidden; line-height:0; visibility:hidden;}
h1, h2, h3, h4, h5, h6{padding:0;margin:0;}
.h_none {display:none;}

/* about form */
button {border:0; padding:0; background:transparent; cursor:pointer; overflow:visible;}


.no_button {position:relative; display:inline-block; border:none; background:none; cursor:pointer; margin:0; padding:0; vertical-align:middle; overflow:visible; text-decoration:none !important; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap;}

select optgroup{padding:0;margin:0;}
select optgroup option{padding:0;margin:0;}

fieldset {padding:0; border:none; margin:0;}
fieldset legend {overflow:hidden; font-size:0; line-height:0; height:0;visibility:hidden; padding:0; margin:0;}
form {padding:0;margin:0;}

.hidden {overflow:hidden; background:none; width:0; height:0; margin:0; padding:0; visibility:hidden; line-height:0;}

/* table */
table {border:0;}
.cp_right {text-align:right; font-size:0.88em; padding:3px 0 5px 0; }               
.cp_left {text-align:left; font-size:0.88em;padding:3px 0 5px 0;} 

/* color */
.gray222 {color:#222 !important;}
.gray333 {color:#333 !important;}
.gray444 {color:#444;}
.gray555 {color:#555;}


.gray666 {color:#666;}


.black {color:#000;}
.white {color:#fff;}
.green {color:#62a718;}
.green2 {color:#309411 !important;}

.orange {color:#f80;}
.orange2 {color:#f60;}
.blue{color:#215baa;}
.blue2 {color:#0068b7 !important;}
.red {color:#fc4747 !important;}
.pink {color:#e4267b;}
.purple {color:#6946e9;}


.HOT {color:#fc4747 !important;}
.NEW {color:#309411 !important;}




.normal {font-weight:normal;}
.b {font-weight:bold;}
.red_in{color:red !important ;}
.clear {clear:both !important;}
.overflow {overflow:hidden;}
.overflow_none {overflow:none !important;}
.bold {font-weight:bold;}


/*float_l*/
.float_l {float:left !important;}
.float_r {float:right !important;}

/*z-index*/
.zindex1 {z-index:1;}
.zindex99 {z-index:99;}

/*text-align*/
.left {text-align:left !important;}
.center {text-align:center !important;}
.right {text-align:right !important;}
.justify {text-align:justify !important;}


/*position*/
.position_a {position:absolute !important;}
.position_r {position:relative !important;}


/*vertical-align*/
.middle {vertical-align:middle !important;}
.bottom {vertical-align:bottom !important;}


/* default font color */
.color666 {color:#666;} /*진한 회색*/
.color777 {color:#777;} /*진한 회색*/
.color999 {color:#999;} /*중간 회색*/
.colorCcc {color:#ccc;} /*진한 회색*/

/* align */
.no_margin {margin:0px !important;}
.no_padding {padding:0px !important;}
.mt-10 {margin-top:-10px !important;}
.mt-15 {margin-top:-15px !important;}

/*line-height*/


.line-height_20{line-height:20px;}
.line-height_25{line-height:25px;}
.line-height_30{line-height:30px;}


/* margin */
.auto {margin:0 auto !important;}
.mt-1 {margin-top:-1px !important;}
.mt0 {margin-top:0px !important;}
.mt2 {margin-top:2px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}



.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml8 {margin-left:8px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml55 {margin-left:55px !important;}
.ml60 {margin-left:60px !important;}
.ml65 {margin-left:65px !important;}
.ml70 {margin-left:70px !important;}
.ml75 {margin-left:75px !important;}
.ml80 {margin-left:80px !important;}
.ml90 {margin-left:90px !important;}
.ml200 {margin-left:200px !important;}
.ml220 {margin-left:220px !important;}
.ml260 {margin-left:260px !important;}

.ml100 {margin-left:100px !important;}
.ml120 {margin-left:120px !important;}

.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mr55 {margin-right:55px !important;}
.mr60 {margin-right:60px !important;}
.mr65 {margin-right:65px !important;}
.mr70 {margin-right:70px !important;}
.mr75 {margin-right:75px !important;}
.mr80 {margin-right:80px !important;}



.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb65 {margin-bottom:65px !important;}
.mb70 {margin-bottom:70px !important;}
.mb75 {margin-bottom:75px !important;}
.mb80 {margin-bottom:80px !important;}




/* padding */
.pt0 {padding-top:0px !important;}
.pt1 {padding-top:1px !important;}
.pt2 {padding-top:2px !important;}
.pt3 {padding-top:3px !important;}
.pt4 {padding-top:4px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pt55 {padding-top:55px !important;}
.pt60 {padding-top:60px !important;}
.pt65 {padding-top:65px !important;}
.pt70 {padding-top:70px !important;}
.pt75 {padding-top:75px !important;}
.pt80 {padding-top:80px !important;}
.pt90 {padding-top:90px !important;}
.pt100 {padding-top:100px !important;}
.pt110 {padding-top:110px !important;}
.pt120 {padding-top:120px !important;}




.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl12 {padding-left:12px !important;}

.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important; }
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pl55 {padding-left:55px !important;}
.pl60 {padding-left:60px !important;}
.pl65 {padding-left:65px !important;}
.pl70 {padding-left:70px !important;}
.pl75 {padding-left:75px !important;}
.pl80 {padding-left:80px !important;}
.pl100 {padding-left:100px !important;}
.pl250 {padding-left:250px !important;}
.pl276{padding-left:276px !important;}

.pr0 {padding-right:0px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pr55 {padding-right:55px !important;}
.pr60 {padding-right:60px !important;}
.pr65 {padding-right:65px !important;}
.pr70 {padding-right:70px !important;}
.pr75 {padding-right:75px !important;}
.pr80 {padding-right:80px !important;}



.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}
.pb55 {padding-bottom:55px !important;}
.pb60 {padding-bottom:60px !important;}
.pb65 {padding-bottom:65px !important;}
.pb70 {padding-bottom:70px !important;}
.pb75 {padding-bottom:75px !important;}
.pb80 {padding-bottom:80px !important;}
.pb90 {padding-bottom:90px !important;}
.pb95 {padding-bottom:95px !important;}
.pb100 {padding-bottom:100px !important;}
.pb110 {padding-bottom:110px !important;}


/*no margin, no padding*/
.m_none {margin:none !important;}
.m_padding {padding:none !important;}

/* link */
a {color:#555; text-decoration:none;}
a:visited {color:#555;}
a:hover, a:active, a:focus {color:#000; text-decoration:underline;}


/* link */
a.link_base:link {font-family:"돋움", Dotum; text-decoration:none; color:#666; font-size: 12px;}
a.link_base:visited {font-family:"돋움", Dotum; text-decoration:none; color:#666; font-size: 12px;}
a.link_base:hover {font-family:"돋움", Dotum; text-decoration:underline; color:#000; font-size:12px; }
a.link_base:active {font-family:"돋움", Dotum; text-decoration:none; color:#000; font-size: 12px;}


/*no*/
.no_bg {background:none !important;}
.no_border {border:none!important;}
.no_padding {padding:0!important;}
.no_margin {margin:0!important;}


/*display*/
.display_show {display:block !important;}
.display_none {display:none  !important;}





/*넓이*/


.wd3per{width:3%!important;}
.wd4per{width:4%!important;}
.wd5per{width:5%!important;}
.wd6per{width:5%!important;}
.wd7per{width:7%!important;}
.wd8per{width:8%!important;}
.wd9per{width:9%!important;}
.wd10per{width:10%!important;}
.wd12per{width:12%!important;}
.wd13per{width:13%!important;}
.wd14per{width:14%!important;}
.wd15per{width:15%!important;}
.wd16per{width:16%!important;}
.wd17per{width:17%!important;}
.wd18per{width:18%!important;}


.wd20per{width:20%!important;}
.wd25per{width:25%!important;}
.wd27per{width:27%!important;}
.wd30per{width:30%!important;}
.wd35per{width:35%!important;}
.wd40per{width:40%!important;}
.wd43per{width:43%!important;}
.wd45per{width:45%!important;}
.wd47per{width:47%!important;}
.wd48per{width:48%!important;}
.wd50per{width:50%!important;}
.wd55per{width:55%!important;}
.wd60per{width:60%!important;}
.wd65per{width:65%!important;}
.wd70per{width:70%!important;}
.wd75per{width:75%!important;}
.wd80per{width:80%!important;}
.wd85per{width:85%!important;}
.wd90per{width:90%!important;}
.wd95per{width:95%!important;}
.wd100per{width:100% !important;}



.wd20{width:20px!important;}
.wd25{width:25px!important;}
.wd30{width:30px!important;}
.wd35{width:35px!important;}
.wd40{width:40px!important;}
.wd43{width:43px!important;}
.wd45{width:45px!important;}
.wd50{width:50px!important;}
.wd55{width:55px!important;}
.wd60{width:60px!important;}
.wd80{width:80px!important;}

.wd100{width:100px!important;}
.wd110{width:100px!important;}
.wd115{width:115px!important;}
.wd118{width:118px!important;}
.wd120{width:120px!important;}
.wd130{width:130px!important;}
.wd135{width:135px!important;}
.wd145{width:145px!important;}
.wd150{width:150px!important;}

.wd200{width:200px!important;}
.wd210{width:210px!important;}
.wd220{width:220px!important;}

.wd250{width:250px!important;}
.wd280{width:280px!important;}

.wd300{width:300px!important;}
.wd310{width:310px!important;}

.wd330{width:330px!important;}
.wd350{width:350px!important;}
.wd380{width:380px!important;}
.wd400{width:400px!important;}
.wd450{width:450px!important;}
.wd455{width:455px!important;}

.wd500{width:500px!important;}
.wd520{width:520px!important;}
.wd530{width:530px!important;}
.wd540{width:540px!important;}
.wd550{width:550px!important;}

.wd600{width:600px!important;}
.wd630{width:630px!important;}
.wd620{width:620px!important;}

/*height*/

.ht20 {height:20px !important;}
.ht30 {height:30px !important;}
.ht40 {height:40px !important;}
.ht120 {height:120px !important;}
.ht140 {height:140px !important;}
.ht150 {height:150px !important;}
.ht250 {height:250px !important;}

/*top*/

.top10{top:10px !important;}
.top20{top:20px !important;}
.top30{top:30px !important;}
.top40{top:40px !important;}
.top50{top:50px !important;}
.top60{top:60px !important;}
.top70{top:70px !important;}
.top80{top:80px !important;}
.top90{top:90px !important;}


/*border*/

.border01 {border:1px solid #444;}
.border02 {border:1px solid #ccc;}
.border03 {border:1px solid #bbb;}
.border04 {border:1px solid #ddd;}
.border05 {border-bottom:1px solid #ccc;}

.no_left_border {border-left:none !important;}
.no_right_border {border-right:none !important;}
.underline{text-decoration:underline;}

/*letter-spacing*/

.letter-spacing-none {letter-spacing:0px !important;}
.ls-1 {letter-spacing:-1px !important;}
.ls-2 {letter-spacing:-2px !important;}




/*font-size*/

.size11{font-size:11px !important; }
.size12{font-size:12px !important; }
.size13{font-size:13px !important; }
.size14{font-size:14px !important; }
.size15{font-size:15px !important; }
.size16{font-size:16px !important; }
.size16{font-size:16px !important; }
.size18{font-size:18px !important; }
.size20{font-size:20px !important; }
.size30{font-size:30px !important; }
.size40{font-size:40px !important; }

/*display*/

.display_b {display:block;}
.display_n {display:none;}



/*font-style*/
.oblique {font-style:oblique;}
.italic {font-style:italic;}


/*background-color*/
.bgcolor01 {background:#bfdddf !important;}



/* 기본 테이블 세팅*/

.tb_base {border-top: 2px solid #2a4467; border-right:none; margin:8px 0 15px 0; border-collapse:collapse; width:100%; }
	.tb_base thead th { background: none repeat scroll 0 0 #7f8b9a ;text-align:center; color:#fff;    font-weight:normal;
	 padding-top:10px; padding-bottom:10px; border-bottom:1px solid #2a4467; font-weight:bold; ; }

	.tb_base tbody th {background:#f4f4f4; text-align:center;   font-weight:600; color:#3f4852; border-right:1px solid #ddd;  border-bottom:1px solid #ddd; vertical-align:middle;}
	.tb_base td { text-align:left;  color:#555; font-weight:normal; padding-left:10px; padding-top:9px; padding-bottom:9px; border-right:1px solid #ddd;  border-bottom:1px solid #ddd;}
	.tb_base td.left {background:#fff; padding:9px 10px; text-align:left;}
	.tb_base .bor_none {border-right:none;}
	.tb_base tfoot td {background:#e1e1e1;}
	.tb_base .bor_top{border-top:1px solid #417ebc;}
.tb_base textarea {width:100%; height:160px;}
.tb_base  label {color:#fff;}



.tb_base2 { border-right:none; margin:8px 0 15px 0; border-collapse:collapse; width:100%;  border-top: 2px solid #223d4d}
	.tb_base2 tbody th {   background: none repeat scroll 0 0 #7f8b9a ;text-align:center;  font-weight:bold; color:#fff;  border-right:1px solid #ddd;  border-bottom:1px solid #2d4a5b; vertical-align:middle;}
	.tb_base2 td { vertical-align:middle;  padding-left:20px; color:#484848; font-weight:normal;  border-bottom:1px solid #ddd; padding-top:5px; padding-bottom:5px; letter-spacing:-1px;}
	.tb_base2 .bor_none {border-right:none;}
	.tb_base2 tfoot td {background:#e1e1e1;}
	.tb_base2 .bor_top{border-top:1px solid #417ebc;}

.tb_base2 .bg01{background:#ececec;}



.tb_base3 {border-top:2px solid #294795; border-right:none; margin:8px 0 15px 0; border-collapse:collapse; width:100%; letter-spacing:-1px;}
	 font-size:16px; padding-top:14px; padding-bottom:14px; border-bottom:1px solid #c5c3d4; }

	.tb_base3 tbody th {background:#7f8b9a; text-align:center;   font-weight:"bold"!important; color:#444; border-right:1px solid #c5c3d4;  border-bottom:1px solid #ddd; vertical-align:middle;}
	.tb_base3 td {text-align:center; padding-left:20px; color:#484848; font-weight:normal; font-size:15px; padding-top:8px; padding-bottom:8px; letter-spacing:-1px;  border-right:1px solid #ddd;  border-bottom:1px solid #c5c3d4;}
	.tb_base3 .bor_none {border-right:none;}





.tb_base2 .bg01{background:#ececec;}



.tb_base4 {border-top: 2px solid #2a4467; border-right:none; margin:8px 0 15px 0; border-collapse:collapse; width:100%; }
	.tb_base4 tbody th { background: none repeat scroll 0 0 #7f8b9a ;text-align:center; color:#fff;    font-weight:normal;
	 padding-top:10px; padding-bottom:10px; border-bottom:1px solid #2a4467; font-weight:bold; ; }
	.tb_base4 td { text-align:left;  color:#555; font-weight:normal; padding-left:10px; padding-top:9px; padding-bottom:9px; border-right:1px solid #ddd;  border-bottom:1px solid #ddd;}
	.tb_base4 td.left {background:#fff; padding:9px 10px; text-align:left;}
	.tb_base4 tfoot td {background:#e1e1e1;}
	.tb_base4 .bor_top{border-top:1px solid #417ebc;}
.tb_base4 textarea {width:100%; height:160px;}
.tb_base4  label {color:#fff;}



.tb_base4 table {border-top: 2px solid #2a4467; border-right:none; margin:8px 0 15px 0; border-collapse:collapse; width:100%; }
	.tb_base4  table thead th { background: none repeat scroll 0 0 #63686f !important; text-align:center; color:#fff;    font-weight:normal;
	 padding-top:10px; padding-bottom:10px; border-bottom:1px solid #2a4467; font-weight:bold; ; }
	.tb_base4  table td { text-align:left;  color:#555; font-weight:normal; padding-left:10px; padding-top:9px; padding-bottom:9px; border-right:1px solid #ddd;  border-bottom:1px solid #ddd;}
	.tb_base4  table td.left {background:#fff; padding:9px 10px; text-align:left;}
	.tb_base4.bor_none, .tb_base5 .bor_none  {border-right:none !important;}



.form_table input[type="text"] {border:1px solid #ccc; height:20px; margin-right:5px; margin-left:5px;}
.form_table input[type="radio"] {}
.form_table select {border:1px solid #ccc; height:20px; width:130px;}


.form_table td {padding-top:10px !important; padding-bottom:10px !important;}



/*select input*/

input[type='text'], input[type='password'],  select {height:22px; 
		 border-color: #c6c6c6 #eee #eee #c6c6c6;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 1px #eee inset;
	border-radius:5px }

input[type='radio'], input[type='checkbox'] {margin-right:5px; vertical-align:middle; border-color: #c6c6c6 #eee #eee #c6c6c6;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 1px #eee inset;
	border-radius:5px}
textarea {border-color: #c6c6c6 #eee #eee #c6c6c6;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 1px #eee inset;
	border-radius:5px;}



/*블렛스타일*/

.bullet02 {background:url('/images/sub/bullet02.gif') no-repeat 0px 0px !important; padding-left:17px; letter-spacing:-1px; font-size:11px; color:#777; font-weight:bold; line-height:25px;}
.bullet03 {background:url('/images/sub/bullet02.gif') no-repeat 0px 5px !important; padding-left:17px; letter-spacing:-1px; font-size:11px; color:#ee5757; font-weight:bold; line-height:25px;}


/*버튼 class*/



a.btn01 { border:1px solid #bbb; padding:5px 15px; font-weight:bold ; letter-spacing:-1px; text-decoration:none; color:#555; 
		  text-decoration:none; font-size:16px; background:#eee; border-radius:5px;}
a.btn02 { border:1px solid #270089; padding:5px 15px; font-weight:bold ; letter-spacing:-1px; text-decoration:none; color:#fff; 
		  text-decoration:none; font-size:16px; background:#554dba; border-radius:5px;}

input.btn01 { border:1px solid #bbb; padding:3px 15px; font-weight:bold ; letter-spacing:-1px; text-decoration:none; color:#555; 
		  text-decoration:none; font-size:16px; background:#eee; border-radius:5px;}
input.btn02 { border:1px solid #804035; padding:6px 25px; font-weight:bold ; letter-spacing:-1px; text-decoration:none; color:#fff; 
		  text-decoration:none; font-size:16px; background:#934f43; border-radius:5px;}

input.btn03 { border:1px solid #804035; padding:6px 25px; font-weight:bold ; letter-spacing:-1px; text-decoration:none; color:#fff; 
		  text-decoration:none; font-size:16px; background:#002d88; border-radius:5px; cursor:pointer;}




a.btn03 { border-bottom:1px solid #002d88; border-top:1px solid #f45626; border-left:1px solid #de3f11; border-right:1px solid #de3f11; padding:3px 10px 3px 10px; font-size:13px;font-weight:bold  !important;letter-spacing:-1px; text-decoration:none; color:#fff; background:#f45626 url('/web/images/admin/bt_bg02.gif') repeat-x bottom center; text-decoration:none; }
a.btn03_big { border-bottom:1px solid #002d88; border-top:1px solid #f45626; border-left:1px solid #de3f11;
border-right:1px solid #de3f11; padding:6px 10px 6px 10px; font-size:17px;font-weight:bold  !important;letter-spacing:-1px;
text-decoration:none; color:#fff; background:#f45626; text-decoration:none; }

a.btn04 { border-bottom:1px solid #bcbdc4; border-top:1px solid #eeeeef; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; padding:3px 10px 3px 10px; font-size:13px;font-weight:bold  !important;letter-spacing:-1px; text-decoration:none; color:#7c7d82; background:#f2f2f2; text-decoration:none;  margin-top:0px; }
a.btn05 { border-bottom:1px solid #002d88; border-top:1px solid #f45626; border-left:1px solid #de3f11; border-right:1px solid #de3f11; padding:3px 10px 3px 10px; font-size:16px;font-weight:bold  !important;letter-spacing:-1px; text-decoration:none; color:#fff; background:#f45626 url('/web/images/admin/bt_bg02.gif') repeat-x bottom center; text-decoration:none;   margin-top:0px; letter-spacing:-2px;  }
a.btn06 { border-bottom:1px solid #a78500; border-top:1px solid #ffe46a; border-left:1px solid #e1b800; border-right:1px solid #e1b800; padding:3px 10px 3px 10px; font-size:13px;font-weight:bold  !important;letter-spacing:-1px; text-decoration:none; color:#555; background:#f5d235 url('/web/images/admin/bt_bg04.gif') repeat-x bottom center; text-decoration:none; }
a.btn07 { border-bottom:1px solid #bcbdc4; border-top:1px solid #eeeeef; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; padding:3px 10px 3px 10px; font-size:13px;font-weight:bold  !important;letter-spacing:-1px; text-decoration:none; color:#7c7d82; background:url('/web/images/admin/bt_bg.gif') repeat-x bottom center; text-decoration:none;}
a.btn08 { border-bottom:2px solid #7b838f; border-top:1px solid #d2dbe8; border-left:1px solid #a3aab5; border-right:1px solid #a3aab5; padding:3px 10px 3px 10px; font-size:12px;font-weight:bold  !important;letter-spacing:-1px; text-decoration:none; color:#575f6c; background:url('/web/images/admin/bt_bg.gif') repeat-x bottom center; text-decoration:none; }
a.btn09 { border-bottom:1px solid #002d88; border-top:1px solid #f45626; border-left:1px solid #de3f11; border-right:1px solid #de3f11; padding:2px 6px 2px 6px; font-size:10px;font-weight:bold  !important;letter-spacing:-1px; text-decoration:none; color:#fff; background:#f45626 url('/web/images/admin/bt_bg02.gif') repeat-x bottom center; text-decoration:none; }
a.btn10 { border-bottom:2px solid #7b838f; border-top:1px solid #d2dbe8; border-left:1px solid #a3aab5; border-right:1px solid #a3aab5; padding:8px 20px 8px 20px; font-size:13px;font-weight:bold  !important;letter-spacing:-1px; text-decoration:none;  background:url('/web/images/admin/bt_bg.gif') repeat-x bottom center; text-decoration:none;  color:#57677f;}
a.btn11 { border-bottom:1px solid #3c4557; border-top:1px solid #9ca7bc; border-left:1px solid #6b7689; border-right:1px solid #6b7689; padding:3px 10px 3px 10px; font-size:14px;font-weight:bold  !important;letter-spacing:-1px; text-decoration:none; color:#fff; background:#808ca2 url('/web/images/admin/bt_bg03.gif') repeat-x bottom center; text-decoration:none; }







 

/*		메인		*/
body{width:100%; } /*   overflow:hidden; */
.wrap{position:relative; overflow:hidden; width:100%;  }


/*일반 웹에서볼때 작업용의함을 위해*/
@media only screen and (min-width: 1024px) 
	{
		.wrap {overflow:hidden; width:500px;  margin:0 auto !important; overflow-x:hidden; border:1px solid #ddd;}
	}





.in_3_banner a{display:block; padding-bottom:4%;}





/*		header		*/
.header_wrap{position:relative;   }
#header{position:relative; overflow:hidden; 
	/* -webkit-box-shadow: 0px 0px 20px #888;  
    -moz-box-shadow: 0px 0px 20px #888; 
    box-shadow: 0px 0px 20px #888; */ 
	background:#43bfff;
	z-index:99999 !important; overflow:hidden;
}
#header h1{float:left; width:40%;  padding:4% 10px;  }
#header h1 img{width:100%}
#header .lnb_btn{position:absolute; top:0%; right:0%; width:5%;  padding:5% 4%; cursor:pointer; background:#323333; height:50px;}
#header .lnb_btn img{width:120%; opacity:0.8; }
#header .lnb_btn .close{z-index:2;}

.lnb{position:absolute; top:0px; right:-50%; width:50%; background:#7a8084;  z-index:99999 !important; padding-top:30px;}
.lnb ul.lnb_menu{position:relative; overflow:hidden; width:100%; padding:0 7%; border-radius:0 5px 5px  0}
.lnb ul.lnb_menu li{width:90%; padding:15px 4%; border-bottom:1px dotted #c5cdd2;}
.lnb ul.lnb_menu li a{font-size:1.2em;  font-weight:600; color:#fff}
.lnb ul.lnb_menu li ul{ margin-top:5px; display:none; overflow:hidden; }
.lnb ul.lnb_menu li ul li{padding:3px; font-size:0.9em;  border-bottom:0px !important;}
.lnb ul.lnb_menu li ul li a{padding:3px; font-size:0.9em; color:#ccd6dc;}


.lnb ul.lnb_menu li.menu:last-child{border-bottom:0;}


.contentBG {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; 
					opacity: 0.5; z-index:300; cursor:default;}




#content {padding-top:160px !important; height:auto; overflow:hidden;}


@media all and (orientation : landscape) {
#content {padding-top:260px !important;}

     }








/*		main		*/
.main_slide{margin-bottom:3%;}

.subject_list{overflow:hidden; width:100%; }
.subject_list .list_wrap{ overflow:hidden; }
.subject_list .list_wrap li{ overflow:hidden; width:48%; float:left; margin:1%; }
.subject_list .list_wrap li img{width:100%; height:auto !important;}



/*		footer		*/
#footer{position:relative; overflow:hidden; background:#343333; padding:5% 0% 5% 0%; text-align:center; width:100%;}
#footer ul{position:relative; overflow:hidden; margin:0 auto; width:70%; margin-bottom:10px;}
#footer ul li{float:left; padding:0 5%; text-align:center; width:39%; font-size:1.1em; font-weight:600}
#footer ul li:first-child{border-right:1px solid #fff; text-align:right; }
#footer ul li:last-child{text-align:left; }
#footer ul li a{color:#fff}
#footer p{color:#eee; font-size:0.3em; letter-spacing:0em}

/*		컨텐츠 여백		*/
#content{clear:both; position:relative; overflow:hidden; width:96%; padding:2%; padding-top:0; }
.main_slide, .M_menu, .call{width:100%; padding:0}



/*--------------------------------------------서브----------------------------------------*/
/*		네비게이션		*/
.sub_tit{position:relative;  text-align:center; overflow:hidden; height:40px; line-height:50px;  padding-top:20px; border-bottom:1px solid #ddd;  margin:0 auto; width:94%;
background:url('/images/common/bg_th.gif') repeat top center; background-size:100% 100%;
}
.sub_tit h2{color:#2e369f !important; font-size:1.2em;  padding-left:20px;  font-weight:bold;}
.sub_tit p{position:absolute; top:15px;  left:10px;  margin-right:20px; } 
.sub_tit p a{color:#999;   font-size:2.2em;  vertical-align:middle;}
.sub_tit p a span {color:#999; font-size:16px ;  font-family:'verdana' !important;  vertical-align:middle;}

.sub_tit p img{margin-top:17px;}



/*		서브 공통		*/
.sub_content{clear:both; position:relative; overflow:hidden; width:94%; margin:0 auto; padding:2% 0px 30px 0px; font-size:0.9em; min-height:300px;}


h4{clear:both;background:url(/images/sub/bl_02.png) 0 9px no-repeat; font-size:1.1em; font-weight:600; color:#4339a2; height:32px; line-height:32px; padding-left:24px; padding-bottom:5px; margin-bottom:15px; border-bottom:1px dashed #ccccff}
ul.b_ul{position:relative; overflow:hidden;  margin-bottom:30px; margin-left:15px;}
ul.b_ul li{font-size:1em; background:url(/images/sub/bl_03.jpg) 0 5px no-repeat;  padding-left:12px;}
ul.b_ul li span{font-weight:600; color:#382f9c}


/*===========서브1_모집과정=============*/
/*		모집과정 상단 select박스		*/
.sub_content .select{position:relative; overflow:hidden; width:100%; margin-bottom:15px;}
.sub_content .select li{float:left; width:49.5%}
.sub_content .select li:first-child{margin-right:1%}
.sub_content select{border:1px solid #cacaca; border-radius:5px; height:35px; width:100%; font-size:1em; padding:5px 2% 5px 5%;}


/*		모집과정 리스트		*/
.sub01 .subject_list{position:relative; overflow:hidden; }
.sub01 .subject_list ul{position:relative; overflow:hidden; border-top:1px solid #ddd; }
.sub01 .subject_list ul li{position:relative; overflow:hidden; border-bottom:1px solid #ddd; padding:15px 0;}
.sub01 .subject_list ul li a.subject_img{width: 43%; overflow: hidden; margin-right: 5%; float: left; display: block; position: relative;}
.sub01 .subject_list ul li a.subject_img img{width:100%; max-width:250px;}
.sub01 .subject_list ul li dl{float:left; width:52%;}
.sub01 .subject_list ul li dl dt{text-align:center; color:#ff3300; margin-bottom:10px; font-weight:600; font-size:1.1em; width:100%; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sub01 .subject_list ul li dl dt a{ color:#ff3300}
.sub01 .subject_list ul li dl dd{padding-left:12px; background:url(/mobile/images/sub/bl_04.jpg) 0 7px no-repeat;}
.sub01 .subject_list ul li dl dd span.ff6600{color:#ff6600}


.sub01 .subject_list2{position:relative; overflow:hidden; }
.sub01 .subject_list2 p{ text-align:center; color:#ff3300; margin-bottom:5px; font-weight:600; font-size:1.1em; width:100%; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sub01 .subject_list2 p a{color:#0078b6}
.sub01 .subject_list2 ul{position:relative; overflow:hidden; border-top:1px solid #ddd; }
.sub01 .subject_list2 ul li{position:relative; overflow:hidden; border-bottom:1px solid #ddd; padding:15px 0;}
.sub01 .subject_list2 ul li .subject_info{width: 100%; overflow: hidden; position: relative;}
.sub01 .subject_list2 ul li .subject_info a.subject_img{position:relative; overflow:hidden; float:left; display:block; width:33%; max-width:120px; margin-right:2%; margin-top:5px; }
.sub01 .subject_list2 ul li .subject_info a.subject_img img{width:100%;max-width:120px;}
.sub01 .subject_list2 ul li dl{width: 65%; overflow: hidden;  position: relative;}
.sub01 .subject_list2 ul li dl dt{position:relative; overflow:hidden;padding-left:15px; background:url(/mobile/images/sub/bl_04.jpg) 0 2px no-repeat;  width:60px; float:left; font-size:0.9em; font-weight:600}
.sub01 .subject_list2 ul li dl dd{ font-size:0.9em; width:70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sub01 .subject_list2 ul li dl dd span.ff6600{color:#ff6600}

@media screen and (max-width:405px){
.sub01 .subject_list2 ul li dl dd{ font-size:0.9em; width:120px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
}



.sub01 .subject_view{ border:1px solid #ddd; border-radius:5px;} 
.sub01 .subject_view h3{text-align:center; color:#fff; padding:10px 0; margin-bottom:10px; font-weight:600; font-size:1.2em; width:100%; background:#6666cc; border-radius:5px 5px 0 0}
.sub01 .subject_view .subject_img{width:90%; max-width:340px; vertical-align:middle; margin:0 auto; margin-bottom:15px}
.sub01 .subject_view .subject_img img{width:100%;}
.sub01 .subject_view .subject_info{position:relative; overflow:hidden; width:90%; padding:0 5%; margin-bottom:30px;}
.sub01 .subject_view .subject_info dt{float:left;padding-left:12px; margin-bottom:5px; color:#000; font-weight:600; width:65px; text-align:left; float:left; background:url(/mobile/images/sub/bl_04.jpg) 0 7px no-repeat;}
.sub01 .subject_view .subject_info dd{width:75%; float:left; margin-bottom:5px; color:#333333}
@media screen and (max-width:370px){
.sub01 .subject_view .subject_info dd{width:70%; float:left;}
}
.sub01 .subject_view .subject_info dt.clear{clear:both; }
.sub01 .subject_view .subject_info dd.clear{clear:both; padding-left:15px; width:90%}



/*		개설교과목 자세히보기 		*/
.sub01 .subject_view .btn{position:relative; overflow:hidden; width:300px; margin:0 auto; margin-bottom:40px;}
.sub01 .subject_view .btn li{float:left; margin:0 10px; width:130px}
.sub01 .subject_view .btn li img{width:100%}


/*			페이지 번호			*/
.page{text-align:center; margin:20px 0; letter-spacing:2px}
.page a{color:#666}
.page a.on{color:#000; font-weight:600}

/*		교육신청 온라인 상담 바로가기 버튼 		*/

.btn_application{width:120px; margin:0 auto 30px auto;}
.btn_application a{display:block; height:40px; width:120px; line-height:40px; border-radius:5px; background:#333399; color:#fff; text-align:center; font-weight:600; font-size:1.1em; margin:0 auto}



.btn_application{position:relative; overflow:hidden; width:90%; margin:0 5%; margin-bottom:30px}
.btn_application li{float:left; position:relative; overflow:hidden; width:44%; margin:0px 3%; text-align:center; font-size:1.1em; font-weight:600; height:40px; }
.btn_application li:first-child a{background:#fb7600}
.btn_application li:last-child a{background:#333399}
.btn_application li a{display:block; width:100%; color:#fff; max-width:200px; height:40px; line-height:40px;  border-radius:5px; text-align:center;  margin:0 auto;}
.btn_application li a.bg_gray {background:#666}




/*		개인정보수집 처리지침		*/

.privacy{position:relative;  overflow:auto; height:100px; width:97%; padding:5px; border:1px solid #cacaca}
.privacy .privacyDl{overflow:hidden;  font-size:0.9em; color:#000 }
.privacy .privacyDl dt{font-weight:600; margin:5px 0; }
.privacy .privacyDl dt:first-child{margin-top:0;}
.privacy .privacyDl dd{padding-left:15px; text-indent:-8px; line-height:1.2em}
.btn_agree{position:relative;  overflow:hidden;   float:right; font-size:1em; margin:10px 5%;}

.privacy .privacyD2{overflow:hidden;  font-size:1.2em; color:#000 }
.privacy .privacyD2 dt{font-weight:600; margin:5px 0; }
.privacy .privacyD2 dt:first-child{margin-top:0;}
.privacy .privacyD2 dd{padding-left:15px; text-indent:-8px; line-height:1.2em}
.btn_agree2{float:right; font-size:1.2em; margin:10px 5%; color:#000}





/*		교육신청 테이블		*/
.tbl_Q{position:relative; width:100%;   margin-bottom:30px; border-top:2px solid #333399; border-bottom:1px solid #cacaca; }
.tbl_Q tr { border-bottom:1px solid #cacaca;  }
.tbl_Q tr:last-child{border-bottom:0}
.tbl_Q tr th{padding:5px;  line-height:20px; font-size:1em; font-weight:600;  background:#e7e7e7;  color:#111; }
.tbl_Q tr td{font-size:1em; padding:5px; }
.tbl_Q tr td input{ width:98%; height:25px; border:1px solid #cacaca}
.tbl_Q tr td textarea{width:98%; height:100px; border:1px solid #cacaca}




.sub02_menu{width: 100%; overflow: hidden; position: relative; margin-top:10px}
.sub02_menu li{height: 50px; line-height: 50px; font-size: 1.2em; font-weight:600; border:1px solid #ddd; background:#f2f1ff; margin-bottom:10px; padding:0 15px;}
.sub02_menu li a{display:inline-block; width:100%; color:#434343}
.sub02_menu li a h3{background:url(/mobile/images/sub/bl_05.png) right center no-repeat;}




.sub06 .map{width:100%; margin-bottom:20px}
.sub06 ul.bus{position:relative; overflow:hidden;  margin-bottom:30px}
.sub06 ul.bus li{font-size:1em; background:url(/images/sub/bl_05.gif) 0 5px no-repeat;  padding-left:12px; margin-bottom:10px; vertical-align:middle}
.sub06 ul.bus li span{font-weight:600; color:#382f9c}
.sub06 ul.bus li img{ vertical-align:middle}



.sub06 ul#tab_02{position:relative; overflow:hidden; width:100%; height:60px; background:url(/mobile/images/sub/tab.png) 0 0 repeat-x; margin:0 auto; margin-bottom:10px;}
.sub06 ul#tab_02 li{float:left; width:19.7%; height:50px; line-height:50px; padding-bottom:10px; text-align:center;  border-right:1px solid #fff; font-weight:600}
.sub06 ul#tab_02 li a{color:#2e3c85; display:block; width:100%; height:50px; line-height:50px; cursor:pointer}
.sub06 ul#tab_02 li.on{background:url(/mobile/images/sub/tab_on.png) 50% 90% no-repeat;}
.sub06 ul#tab_02 li.on a{color:#fff; background:#2e3c85;}
.sub06 ul#tab_02 li.br_0{border-right:0; line-height:20px;}
.sub06 ul#tab_02 li.br_0 a{line-height:20px;  padding-top:5px; height:45px;}



.aBigmap{display:none}
.daumBi{display:none}


#roundBox .tbl_01{position:relative; overflow:hidden; width:100%; table-layout:fixed; border-spacing:0; margin-bottom:15px;}
#roundBox .tbl_01 tr {border-bottom:1px solid #cacaca;}
#roundBox .tbl_01 tr:last-child{border-bottom:0;}
#roundBox .tbl_01 tr th{padding:5px; height:20px; line-height:20px; font-size:1.1em; font-weight:600; text-align:left; border-bottom:1px solid #cacaca;  background:#6666cc}
#roundBox .tbl_01 tr td{font-size:0.7em; padding:5px; height:20px; border-right:1px solid #cacaca; letter-spacing:-0.1em}
#roundBox .tbl_01 tr td.school{text-align:center;}
#roundBox .tbl_01 tr td:nth-child(2){border-right:0;}


#roundBox .tbl_02{position:relative; overflow:hidden; width:100%; table-layout:fixed; border-spacing:0; border:1px solid #cacaca; color:#000; margin-bottom:15px;}
#roundBox .tbl_02 tr {border-bottom:1px solid #cacaca;}
#roundBox .tbl_02 tr th{padding:5px; width:20%; max-width:100px; color:#fff; height:20px; line-height:20px; font-size:1em; font-weight:600; text-align:center; background:#6666cc}
#roundBox .tbl_02 tr td{font-size:1em; padding:5px; height:20px;  letter-spacing:-0.1em}
#roundBox .tbl_02 tr td input{ width:98%; height:25px; border:1px solid #cacaca}
#roundBox .tbl_02 tr td textarea{width:98%; height:100px; border:1px solid #cacaca}