@charset "euc-kr";
@import url("common_sub.css");
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,500,700);
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900');

/* Basic */
*{margin:0; padding:0}
html{width:100%; height:100%}
img { border:0; }
body {  margin:0 auto; padding:0; font-size:14px; color:#333333; font-family:'Open Sans', sans-serif, 'Nanum Gothic', '���� ����', 'Malgun Gothic', '����', 'Ubuntu', dotum, sans-serif; line-height:24px;}
div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,table,tr,th,td{margin:0; padding:0; border:0;font-family:'Open Sans', sans-serif, 'Nanum Gothic', '���� ����', 'Malgun Gothic', '����', 'Ubuntu', dotum, sans-serif; line-height:24px;font-size:13px;}
form,fieldset,input{margin:0; padding:0; border:0;font-family:'Open Sans', sans-serif, 'Nanum Gothic', '���� ����', 'Malgun Gothic', '����', 'Ubuntu', dotum, sans-serif; line-height:20px;}
ul,ol,li{list-style:none}

a:active{font-family: Verdana, Arial, Helvetica, sans-serif,dotum; font-size:12px; text-decoration:none; color:#444;}
a:focus{font-family: Verdana, Arial, Helvetica, sans-serif,dotum; font-size:12px; text-decoration:none; color:#444;}
a:link {font-family: Verdana, Arial, Helvetica, sans-serif,dotum; font-size:12px; text-decoration:none; color:#444;}
a:visited {font-family: Verdana, Arial, Helvetica, sans-serif,dotum; font-size:12px; text-decoration:none; color:#444;}
a:hover {font-family: Verdana, Arial, Helvetica, sans-serif,dotum; font-size:12px; text-decoration:none; color:#a71252;}

/* ?�품리스??링크 */
A.plink:active {font-family: Verdana, Arial, Helvetica, sans-serif,dotum; letter-spacing:-0.1em; font-size:11px; color:#4f4f4f; line-height:14px;}
A.plink:link {font-family: Verdana, Arial, Helvetica, sans-serif,dotum; letter-spacing:-0.1em; font-size:11px; color:#4f4f4f; line-height:14px;}
A.plink:visited {font-family: Verdana, Arial, Helvetica, sans-serif,dotum; letter-spacing:-0.1em; font-size:11px; color:#4f4f4f; line-height:14px;}
A.plink:hover {font-family: Verdana, Arial, Helvetica, sans-serif,dotum; letter-spacing:-0.1em; font-size:11px; color:#6699CC; line-height:14px; text-decoration:none;}

/* ?�메??링크 */
A.tlink:active {font-family: Verdana, Arial, Helvetica, sans-serif,dotum; letter-spacing:-0.1em; font-size:12px; color:#666666; line-height:14px;}
A.tlink:link {font-family: Verdana, Arial, Helvetica, sans-serif,dotum; letter-spacing:-0.1em; font-size:12px; color:#666666; line-height:14px;}
A.tlink:visited {font-family: Verdana, Arial, Helvetica, sans-serif,dotum; letter-spacing:-0.1em; font-size:12px; color:#666666; line-height:14px;}
A.tlink:hover {font-family: Verdana, Arial, Helvetica, sans-serif,dotum; letter-spacing:-0.1em; font-size:12px; color:#666666; line-height:14px; text-decoration:underline;}

/* 로그??*/
A.mlogin:active {font-family: Verdana, Arial, Helvetica, sans-serif,dotum; letter-spacing:-0.1em; font-size:11px; color:#878787; line-height:14px; font-weight:bold;}
A.mlogin:link {font-family: Verdana, Arial, Helvetica, sans-serif,dotum; letter-spacing:-0.1em; font-size:11px; color:#878787; line-height:14px; font-weight:bold;}
A.mlogin:visited {font-family: Verdana, Arial, Helvetica, sans-serif,dotum; letter-spacing:-0.1em; font-size:11px; color:#878787; line-height:14px; font-weight:bold;}
A.mlogin:hover {font-family: Verdana, Arial, Helvetica, sans-serif,dotum; letter-spacing:-0.1em; font-size:11px; color:#a71252; line-height:14px; font-weight:bold; text-decoration:none;}

/* main_background */

.bottombg {background-attachment: scroll; background-image: url(../img/sub/bottom.jpg); background-repeat: no-repeat; background-position: left bottom;}

/*select*/
select{font-family: Verdana, Arial, Helvetica, sans-serif,dotum; font-size:11px; color:#545454;; border: 1px #E0E2E4 solid;}

/*INPUT*/
/*INPUT*/
.radio_input{font-family: Verdana, Arial, Helvetica, sans-serif,dotum; font-size:12px; color:#545454; background-color: #ffffff }
.login_input{font-family: Verdana, Arial, Helvetica, sans-serif,dotum; font-size:11px; background-color:#FFFFFF; border: 1px solid #D3D1C5; background-color: #EDECE6; height:18;}
.search_input{font-family: Verdana, Arial, Helvetica, sans-serif,dotum; font-size:11px; color:#545454;; border: 1px #cccccc solid; background-color: #ffffff ;}
.button_input{font-family: Verdana, Arial, Helvetica, sans-serif,dotum; font-size:12px; color:#545454;border: 1px #cccccc solid; background-color:#e7e7e7}
/*input, select {font-family: Verdana, Arial, Helvetica, sans-serif,dotum; font-size:11px; color:#545454;; border: 1px #cccccc solid; background-color: #ffffff ;} */

.button_input{font-family: Verdana, Arial, Helvetica, sans-serif,dotum; font-size:12px; color:#545454;border: 1px #cccccc solid; background-color:#e7e7e7}

/* board_sub01 */

#locate {font-size:12px; letter-spacing:-0.1em; font-family:dotum; color:#999999;}
#locate .current{color:#a71252; font-weight:bold;}
#left { text-align:left;}
#center { text-align:center;}
#right {float:right;}
#right #tm {  width:290px; height:60px; margin-top:12px;vertical-align:middle;}
#right #tm a{ vertical-align:middle;}
img.vm { vertical-align:middle;}
#apDiv1 {
	position:absolute;
	right:10px;
	top:15px;
	width:290px; line-height:26px;
	height:26px; vertical-align:middle;

	z-index:1;
}
#bodyWrap { 
 position:relative;
 top: 0px;
 left: 50%;
 width:1200px;
 margin:0 0 0px -600px;
 padding:0 0 20px 0;
 }
 
#Wrap { width:100%; min-width:1200px; margin:0 auto;}
#header {width:1200px; margin:0 auto; position:relative;}

#mmenu { 
 position:relative;
 top: 0px;
 left: 50%;
 width:1200px;
 margin:0 0 0px -600px;
 padding:0 0 10px 0;
 }
.subcontents { width:100%; min-width:1200px; margin:0 auto; display:block; }
.subcontents #content { width:1200px; padding:30px 0;  display:block; height:auto; margin:0 auto;}
#mmenu2 {width:1200px; background:url(/img/sub/menu_bar.jpg) repeat-x top;padding:0; margin:0;}

.uline{border-bottom:1px solid #ddd; padding-bottom:2px;}

#leftmenu {float:left; width:234px; margin-right:56px; }
.left { padding:0; margin:0;width:234px; }
.left .subtit {width:234px; height:57px; padding:0; margin:0; }
.left ul.submn {width:232px; padding:5px 0; margin:0; border-top: none; border-bottom: 1px #c9c9c9 solid; border-left: 1px #c9c9c9 solid; border-right: 1px #c9c9c9 solid;}
.left ul.submn li {width:176px;  line-height:28px;  margin:0 auto; border-bottom: 1px dotted #808080; color:#666; font-size:13px; }
.left ul.submn li a { display:inline-block; width:176px; line-height:28px; font-size:13px; }
.left ul.submn li a:hover {  font-weight:600; color:#a71252;  }
.left ul.submn li ul { width:150px; margin-left:10px; padding:2px 8px; line-height:22px; color:#444; background:#f2f2f2; }
.left ul.submn li ul li{ border-bottom:none;  font-size:13px;}
.left ul.submn li ul li a { display:block; width:156px; line-height:22px; color:#333; }
.left ul.submn li a:hover {  font-weight:600; color:#a71252;  }


#rightcon {float:left; width:910px; margin-bottom:30px;  display:block; } 
#rightcon25 {float:left; width:910px; height:4130px; display:block; } 
#rightcon55 {float:left; width:910px; height:7450px; display:block; } 
#rightcon15 {float:left; width:910px; height:3200px; display:block; } 
#rightcon5 {float:left; width:910px; height:960px; display:block; } 
#rightcon10 {float:left; width:910px; height:1400px; display:block; } 


#title_sub { float:left; width:100%; height:55px; background:url(/img/sub/st_bg.gif) repeat-x bottom ; margin-bottom:30px; }
#title_sub h2 { float:left; width:300px; height:40px; font-size:22px; line-height:40px; }
#title_sub .home { float:right; font-size:12px; color:#777; margin-bottom:10px; padding-left:26px; background:url(/img/sub/st_home.gif) no-repeat left center ;}
#title_sub .home a{ color:#777; }
#title_sub .home span.current{color:#a71252; font-weight:bold;}
#rightcon #con {width:100%; height:auto; display:block; clear: both;}
#rightcon25 #con {width:100%; height:auto; display:block; clear: both;}
#con {width:100%; height:auto; display:block; clear: both;}
#rightcon25 #con .his_img { width:240px; float:left;}
#rightcon25 #con .his_text { width:670px;float:left; line-height:26px; }
#rightcon25 #con .his_text tr td { line-height:26px; }

.sub01_01_l {float:left; width:515px; height:390px; }
.sub01_01_l h2 {font-size:28px; font-weight:500;  line-height:40px; letter-spacing:-0.03em; padding:20px 0; font-family: sans-serif, 'Nanum Gothic', '���� ����', 'Malgun Gothic', '����', 'Ubuntu', dotum, sans-serif; color:#333;}
span.brown {color:#9c1041; }
span.green {color:#0b928e; }
.sub01_01_l p{ font-size:14px; line-height:28px; padding-top:20px; }
.sub01_01_l p.default{ font-size:13px; line-height:24px; padding-top:10px;}

.sub01_01_r {float:left; margin-left:30px; width:365px; height:380px; margin-bottom:10px;   }
.office { float:left; width:420px; margin-right:35px; margin-bottom:15px; }
.map {width:100%; margin-top:10px; }
p.offadd { line-height:28px; border-bottom:1px solid #ddd; padding:0px; margin:5px; color:#666;}
p.offadd span{ color:#111; padding-right:10px; font-weight:600;}
p.offadd span.pnum { font-size:14px; color:#9a1041; }
p.st { font-size:15px; color:#0b928e; font-weight:600; margin-top:10px;}
p.stb { font-size:15px; color:#9c1041; font-weight:600; margin-top:10px;}
.office100 { width:100%; margin-bottom:15px; margin-top:10px; }
.his { font-size:13px; color:#555; font-weight:500; padding:8px 0; line-height:20px;}
.stb { font-size:15px; color:#9c1041; font-weight:600;}
.st { font-size:15px; color:#0b928e; font-weight:600; }

h3.logint {font-weight:600; line-height:70px; font-size:20px; margin:0px; border-bottom:2px solid #555; margin-bottom:20px; }

h4 {font-weight:600; line-height:40px; font-size:16px; margin-top:20px; border-bottom:2px solid #555;}
p { padding-top:15px; line-height:24px;}
p.sub0104_in {padding-left:10px; line-height:24px;}
div img.mid { vertical-align:middle;}

#footer { width:100%; background:#f1f1f1; margin-top:20px; height:75px; padding:20px 0; clear:both; display:block;}
#footer #footloc { width:1180px; margin:0 auto; padding:10px; }
#footer #footloc .add { float:left; width:990px; font-size:13px; line-height:26px; color:#666; }
#footer #footloc .add .bl {color:#222; font-weight:600; }
#footer #footloc .copylogo {float:left; width:160px; height:50px;margin-left:30px; }

.bold { font-weight:bold}
.position_l { float:left !important;}
.position_r { float:right !important;}
.dsp { display:inline !important;}

.t_l { text-align:left !important;}
.t_c { text-align:center !important;}
.t_r { text-align:right !important;}

.m_t3 {margin-top:3px !important;}
.m_t5 {margin-top:5px !important;}
.m_t9 {margin-top:9px !important;}
.m_t10 {margin-top:10px !important;}
.m_t15 {margin-top:15px !important;}
.m_t20 {margin-top:20px !important;}
.m_t25 {margin-top:25px !important;}
.m_t30 {margin-top:30px !important;}
.m_l9 {margin-left:9px !important;}
.m_l400 {margin-left:400px !important;}
.m_l20 {margin-left:18px !important;}


.m_b5 { margin-bottom:5px !important;}
.m_b10 { margin-bottom:10px !important;}
.m_b20 { margin-bottom:20px !important;}
.m_b30 { margin-bottom:30px !important;}


.p_t5 {padding-top:5px !important;}
.p_t10 {padding-top:10px !important;}
.p_t20 {padding-top:20px !important;}
.p_t25 {padding-top:25px !important;}
.p_t30 {padding-top:30px !important;}

.p_l3 {padding-left:3px !important;}
.p_l5 {padding-left:5px !important;}
.p_l10 {padding-left:10px !important;}
.p_l20 {padding-left:20px !important;}
.p_l30 {padding-left:30px !important;}
.p_l100 {padding-left:100px !important;}

.p_r5 {padding-right:5px !important;}
.p_r10 {padding-right:10px !important;}
.p_r20 {padding-right:20px !important;}
.p_r30 {padding-right:30px !important;}
.p_r100 {padding-right:100px !important;}


.font_blue {color:#458CCC !important;}
.font_green {color:#368C7F !important;}
.font_red { color:#FF0000 !important;}


/*Tbl type_01*/
.type_01 { width:100%; border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; table-layout:fixed; margin:10px auto; padding:5px; border-collapse:collapse;}
.type_01 caption { color:#4F8DD9; padding:5px; text-align:left;}
.type_01 tr th { height:30px; border-top:none; border-bottom:1px solid #dcdcdc; border-right:none; color:#FFF; background:#990;}
.type_01 tr th.a01 {text-align:left; color:#454545; font-weight:normal;}
.type_01 tr th.a01 a {color:#454545; !important;}
.type_01 tr th.a01 a:hover {color:#a6a6a6; border-bottom:1px solid #0a5793 !important;}
.type_01 tr td {padding:3px 6px 3px 6px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-top:none;  background:#FFF; color:#454545; text-align:left; vertical-align:middle;  }
.type_01 tr td.none_02 {border-left:none !important;border-right:none !important;} /*?�른�????�애�?/
.type_01 tr td.center {text-align:center; !important;} /*가?�데?�렬*/

/*Tbl type_02*/
.type_02 {width:95%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; table-layout:fixed;  margin:10px auto;border-collapse:collapse;}
.type_02 caption { color:#4F8DD9; padding:5px; text-align:left;}X
.type_02 tr th {padding:5px 10px 5px 10px; background:url(/img/main/bar_top_menu.gif) no-repeat right 50% #4F74A2; color:#FFF; font-weight:bold; text-align:center; vertical-align:middle;}
.type_02 tr th {border-right:none; border-left:none; !important;} /*?�른�????�애�?/*/
.type_02 tr th.a01 {text-align:left; color:#454545; font-weight:normal;}
.type_02 tr th.a01 a {color:#454545; !important;}
.type_02 tr th.a01 a:hover {color:#a6a6a6; border-bottom:1px solid #0a5793 !important;}
.type_02 tr td {padding:3px 6px 3px 6px; border:1px solid #dcdcdc; border-top:none; color:#5c5c5c; text-align:center; vertical-align:middle;  }
.type_02 tr th.none_01,.type_02 tr td.none_01 {border-left:none;border-right:none !important;} /*?�른�????�애�?/
.type_02 tr td.none_02 {border-left:none;border-right:none !important; background:url(/img/main/bar_top_menu.gif) no-repeat right 50% ;} /*?�른�????�애�?/
.type_02 tr td.center {text-align:center; !important;} /*?�쪽?�렬*/


/* Tbl type_03 */
.type_03,.type_03 th,.type_03 td{border:0}
.type_03 a{color:#383838;text-decoration:none}
.type_03{width:100%;border-bottom:0px solid #999;border-top:solid 1px #d2d2d2;;color:#666;font-size:12px;table-layout:fixed}
.type_03 caption,.type_03 .frm label{display:none}
.type_03 th{padding:5px 0 4px;border-bottom:solid 1px #d2d2d2;background-color:#f1f1f4;color:#333;font-weight:bold;line-height:18px;vertical-align:middle}
.type_03 .tbl_first{border-top:solid 1px #d2d2d2;border-bottom:solid 1px #d2d2d2;}
.type_03 td.tbl_last{border-bottom:solid 1px #d2d2d2;}
.type_03 td{padding:8px 0 5px 10px;;border-bottom:solid 1px #d2d2d2; text-align:center;}
.type_03 .frm{padding:0;text-align:center}
.type_03 .frm input{margin:0}
.type_03 .num,.tbl_type .date,.tbl_type .hit{padding:0;font-family:Tahoma;font-size:11px;line-height:normal}
.type_03 .title{text-align:left}
.type_03 .title .pic,.type_03 .title .new{margin:0 0 2px;vertical-align:middle}
.type_03 tr.reply .title a{padding-left:30px; background:url(/img/training/reply.gif) 0 1px no-repeat}
.type_03 tr.reply td a.comment{padding:0;background:none;color:#f00;font-size:12px;font-weight:bold}
.type_03 .i_text{height:16px; width:200px; border:1px solid #ddd; padding:2px 2px 0 2px; }
.type_03 textarea{ border:1px solid #ddd; }
/* Tbl type */

/*Tbl type_04*/
.type_04 { width:100%; border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; table-layout:fixed; margin:10px auto; padding:10px; border-collapse:collapse;}
.type_04 caption { color:#4F8DD9; padding:5px; text-align:left;}
.type_04 tr th { border-top:none; border:1px solid #dcdcdc;}
.type_04 tr th.a01 {text-align:left; color:#454545; font-weight:normal;}
.type_04 tr th.a01 a {color:#454545; !important;}
.type_04 tr th.a01 a:hover {color:#a6a6a6; border-bottom:1px solid #0a5793 !important;}
.type_04 tr td {padding:3px 6px 3px 6px; border:1px solid #dcdcdc; border-top:none;  background:#FFF; color:#454545; text-align:left; vertical-align:middle;  }
.type_04 tr td.center {text-align:center; !important;} /*가?�데?�렬*/


/*Tbl type_05*/
.type_05 { width:100%; border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; table-layout:fixed; margin:10px auto; padding:10px; border-collapse:collapse;}
.type_05 caption { color:#4F8DD9; padding:5px; text-align:left;}
.type_05 tr th { border-top:none; border:1px solid #dcdcdc; background:#EEFDFD}
.type_05 tr th.a01 {text-align:left; color:#454545; font-weight:normal;}
.type_05 tr th.a01 a {color:#454545; !important;}
.type_05 tr th.a01 a:hover {color:#a6a6a6; border-bottom:1px solid #0a5793 !important;}
.type_05 tr td {padding:3px 6px 3px 6px; border:1px solid #dcdcdc; border-top:none;  background:#FFF; color:#454545; text-align:left; vertical-align:middle;  }
.type_05 tr td.center {text-align:center; !important;} /*가?�데?�렬*/