@charset "utf-8";


/*@font-face {*/
/* font-family: 'NanumSquare';*/
/* font-weight: 400;*/
/* src: url(/common/css/Font/NanumSquareR.eot);*/
/* src: url(/common/css/Font/NanumSquareR.eot?#iefix) format('embedded-opentype'),*/
/*      url(/common/css/Font/NanumSquareR.woff) format('woff'),*/
/*      url(/common/css/Font/NanumSquareR.ttf) format('truetype');*/
/*}*/
/*@font-face {*/
/* font-family: 'NanumSquare';*/
/* font-weight: 700;*/
/* src: url(/common/css/Font/NanumSquareB.eot);*/
/* src: url(/common/css/Font/NanumSquareB.eot?#iefix) format('embedded-opentype'),*/
/*      url(/common/css/Font/NanumSquareB.woff) format('woff'),*/
/*      url(/common/css/Font/NanumSquareB.ttf) format('truetype');*/
/*}*/
/*@font-face {*/
/* font-family: 'NanumSquare';*/
/* font-weight: 800;*/
/* src: url(/common/css/Font/NanumSquareEB.eot);*/
/* src: url(/common/css/Font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),*/
/*      url(/common/css/Font/NanumSquareEB.woff) format('woff'),*/
/*      url(/common/css/Font/NanumSquareEB.ttf) format('truetype');*/
/*}*/
/*@font-face {*/
/* font-family: 'NanumSquare';*/
/* font-weight: 300;*/
/* src: url(/common/css/Font/NanumSquareL.eot);*/
/* src: url(/common/css/Font/NanumSquareL.eot?#iefix) format('embedded-opentype'),*/
/*      url(/common/css/Font/NanumSquareL.woff) format('woff'),*/
/*      url(/common/css/Font/NanumSquareL.ttf) format('truetype');*/
/*}*/


/* reset */
/*@font-face {
  font-family: 'Noto Sans KR Thin';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR Light';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR Medium';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR Bold';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
	@font-face {
   font-family: 'Noto Sans KR Black';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }*/

/*@font-face {*/
/*  font-family: 'Nanum Pen Script';*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*  src: url(//fonts.gstatic.com/ea/nanumpenscript/v4/NanumPenScript-Regular.eot);*/
/*  src: url(//fonts.gstatic.com/ea/nanumpenscript/v4/NanumPenScript-Regular.eot?#iefix) format('embedded-opentype'),*/
/*       url(//fonts.gstatic.com/ea/nanumpenscript/v4/NanumPenScript-Regular.woff2) format('woff2'),*/
/*       url(//fonts.gstatic.com/ea/nanumpenscript/v4/NanumPenScript-Regular.woff) format('woff'),*/
/*       url(//fonts.gstatic.com/ea/nanumpenscript/v4/NanumPenScript-Regular.ttf) format('truetype');*/
/*}*/
/**/
/**/
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}

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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;}/*font-size:100%*/
body { line-height:1; font-family:'Nanum Gothic', 돋움, Dotum, sans-serif; font-weight:400; font-size:14px; -webkit-text-size-adjust: none; font-weight:400 !important; letter-spacing: -1px;}/**/
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block;} /* delete vertical-align */
body,html { width:100%; background:#fff;}
ol,ul,li { list-style:none;}
blockquote,q { quotes:none;}
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none;}
fieldset * { vertical-align:top}
table { border-collapse:collapse; border-spacing:0;}
dt { display:block;}
a { cursor:pointer;}
hr { /*display:none;*/}
input, select, img { vertical-align:middle; outline:0; max-width:100%;}
input, select, textarea, button, table { font-family:'Nanum Gothic', 돋움, Dotum, sans-serif !important; font-weight:400;}
em, address { font-style:normal; }
div, span, a, h1, h2, h3, h4, h5, h6, p, ul, li {box-sizing:border-box;-moz-box-sizing:border-box;}
/* Web Content Accessibility TTS(Text To Speech) Code */
.tts { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
caption, legend { visibility:hidden; width:0; height:0; line-height:0; font-size:0; overflow:hidden;}

/* add Project Leaders Common CSS */
body,input,select,textarea { color:#333; line-height:1;} /* font Setup Code */
a { color:#333; text-decoration:none;} /* anchor (normal) Setup Code */
a:hover { text-decoration:none;} /* anchor (mouse over) Setup Code */
input.text { padding:2px; height:19px; border:1px solid #cdcdcd; box-sizing:border-box;-moz-box-sizing:border-box;} /* input:text Setup Code */
button {outline:none; border:none;}
select.select { height:23px; border:1px solid #cdcdcd;} /* select element Setup Code */
textarea.textarea { width:98%; border:1px solid #cdcdcd;} /* textarea.textarea Setup Code */
.clearfix:after { content: "."; display: block; height: 0; overflow: hidden; clear: both;}
.vtMiddle { vertical-align:middle;}

/* 공통 - 컨덴츠 폰트페밀리 고정 */
/*html * {font-family: 'NanumSquare' !important; font-weight:400;}*/
/*html * select{font-family: 'NanumSquare' !important; font-weight:400;}*/



/** 시작 **/
.content {width:1010px; margin:0 auto;}

/* 아래는 꽉찬 이미지용 */

#wrap {width: 100%; min-width: 1200px; overflow: hidden;}
.content {  position: relative; top: 0; left: 50%; margin-left: -960px; width: 1920px; text-align: center;}



footer { height:123px;}

header .content {position:relative;width:1000px; height:185px; left:0; margin:0 auto;}
header .content .linka {position:absolute; left:0; bottom:0; width:100%; font-size:0;}
header .content .linka li {display: inline-block; width:16.666666%; height:84px;}
header .content .linka li a {display: inline-block; width:100%; height:100%;}
header .content .logo {position:absolute;  top:16px; left:0;}
header .content .logo a {display: inline-block; vertical-align: top;width:330px; height:65px;}

#menu {border-top:10px solid #002b61; border-bottom:20px solid #ffc800; border-radius:0 0 30px 30px; background:#fff;}
#menu .content {position:static; width:1200px; margin:0 auto; text-align:left; }
#menu .logo {display:inline-block; vertical-align: top;}
#menu ul {display:inline-block; font-size:0; float:right; vertical-align: top;}
#menu ul li { display: inline-block; vertical-align: top; text-align:center; position:relative; vertical-align: top;}
#menu ul li:after {content:""; position:absolute; right:0; top:40px; height:20px; width:1px; background:#ccc;}
#menu ul li:last-child:after {content:none;}
#menu ul li:first-child {}
/*#menu ul li:first-child:after {content:none;}*/
#menu ul li a {font-size:16px; font-weight:bold; display: inline-block; text-align: center; padding:0 40px; color:#000; vertical-align: top; line-height:100px;}
/*#menu ul li a.on {background:#a90633; color:#fff; border-radius:50px 50px 0 0;}*/

#box_content {margin:0 auto;}


.content {}
.content .con1 {text-align:center; position:relative;}
.content .con2 {position:relative;}



/* form */

table{width: 100%;
border-spacing: 0;
border-collapse: collapse;
display:table;
}
tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

.box3 {
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari and Chrome */
border-radius: 3px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/js/PIE.htc);
}


.box5 {
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari and Chrome */
border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/js/PIE.htc);
}

.box10 {
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari and Chrome */
border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/js/PIE.htc);
}


.box20 {
-moz-border-radius: 20px; /* Firefox */
-webkit-border-radius: 20px; /* Safari and Chrome */
border-radius: 20px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/js/PIE.htc);
}


.box30 {
-moz-border-radius: 30px; /* Firefox */
-webkit-border-radius: 30px; /* Safari and Chrome */
border-radius: 30px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/js/PIE.htc);
}



.box50 {
-moz-border-radius: 50px; /* Firefox */
-webkit-border-radius: 50px; /* Safari and Chrome */
border-radius: 50px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/js/PIE.htc);
}




.box100 {
-moz-border-radius: 100px; /* Firefox */
-webkit-border-radius: 100px; /* Safari and Chrome */
border-radius: 100px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/js/PIE.htc);
}


.box50p {
-moz-border-radius: 50%; /* Firefox */
-webkit-border-radius: 50%; /* Safari and Chrome */
border-radius: 50%; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/js/PIE.htc);
}



input#sch_submit {height:30px;border:0; margin:5px;cursor:pointer;background:url('/sub/sch_btn.png') no-repeat;  background-position: 0 center; width:30px;}
input#sch_str {padding:5px;height:25px;  width:190px;  border:0;   margin-left: 5px;    font-size: 14px; letter-spacing:-1px;
    color: #7B9713;}




/*통합 입력폼*/
.form_wrap input[type=text], .write_form input[type=password]{  z-index: 10;height:36px;  padding: 2px 0 3px 5px;  width: 100%;   border: none;  background: transparent;  font-size: 14px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; color:#333;}
.form_wrap textarea {  z-index: 10;  padding: 2px 0 3px 5px;  width: 100%;  height:70px;  border: none;  background: transparent;  font-size: 15px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.form_wrap select{  z-index: 10;  padding: 0 0 0  5px; height:36px; width: 100%; border: none;  background: transparent;  font-size: 15px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}


.form span{text-align:center;}
.form_wrap .form_01 div.form_tel > div { width:32%;}
.form_wrap > dl > dd {margin:3px 0;}
.form_wrap > dl > dt {vertical-align:top;}
.form_wrap > dl > dd > div {  display: table; width: 100%;}
.form_wrap > dl > dd span {display:block;  background:#fff;   margin-right: 3px; }
.form_wrap > dl > dd > div > div {  display: table-cell;}

.form_wrap input[type=checkbox] {width:22px; height:22px;}


.form .tit > img {width:100%; }
.form_wrap {padding:30px 0; }
.form_wrap dl > dt {display:inline-block; padding-top:5px;padding-right:8px; width:70px; font-weight:bold;}



 

/*main_visual*/

.m_visual2 {   background:url('/sub/main_bg.gif') ; height:auto; text-align:center;    margin-top: 50px;    background-position: center;}  
.m_visual2 > img {width:100%; max-width:1000px;}


/*form*/

.form {width:100%; background:url('/sub/form_bg.gif'); color: #fff;font-weight: bold; letter-spacing: -1px; padding-bottom: 10px; ;font-size:18px; }
.form .c_obj {width:100%; max-width:1200px; margin:0 auto;} 
.form  .tit_wrap {font-size:36px; text-align:center; font-weight:normal; border-bottom:1px dashed #515151; background:#3b3b3b;}
.form  .tit_wrap span {margin-right:10px;}
.form  .tit_wrap span img {margin-top:-5px;}
.form  .tit_wrap b {color:#f7e333;}
.form .tit_wrap .tit {width:100%; max-width:1200px; margin:0 auto; padding: 19px 0;}


.form_wrap > dl > dd {display:inline-block; width:246px;}
.form_wrap > dl {width:330px;display:inline-block;}
.form_wrap .form_01 { margin:0px 5px 0 30px;}
.form_wrap .form_02 {margin:0px 20px 0 8px; vertical-align:top; }
.form_wrap .form_02 > dt.call_time {padding-top:0;}
.form_wrap .form_03 {width:230px;display:inline-block;   vertical-align: top; font-size:16px; color:#B4B4B4;}

.form_wrap .form_03 .form_btn_box p {margin-bottom:10px; font-weight:normal; }
.form_wrap .form_03 .form_btn_box p a:hover {color:#fff;     cursor: pointer;}
.ok_btn {font-size:20px; font-weight:bold; padding:20px; background:#f7e333; border:1px solid #5A5050; cursor: pointer;}


.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}

#nav_btn_close  {    position:  absolute;width: 30px;top: 0;  right: -30px;}
#nav_btn_close  a{    color: #fff;display: block;font-size: 30px;}

/*contents*/
.con {background:url('/sub/bg.jpg');}
.con > div {overflow:hidden;width:100%;margin: 0 auto;/* border-left: 1px solid #C6C6C6; *//* border-right:1px solid #C6C6C6; */border-bottom: 1px dashed #c6c6c6;}
.con > div > dl {width:100%; max-width:1000px; margin:0 auto;}
.con > div > dl > dt {    position: relative;    text-align: center;    margin-top: 40px;overflow: hidden; margin-bottom: 20px;}
.con > div > dl > dt span {text-align:center; display:block;mar13gin:0 auto; font-size:28px; color:#fff; width:120px; height:46px; font-weight:bold; padding-top:10px;}


.con > div > dl > dd i {margin-right:7px;color:#FFC800;}
.con > div > dl > dd {padding-bottom:50px;    overflow: hidden;    width: 100%; margin: 0 auto; }
.con > div > dl > dd > p {font-size:18px;letter-spacing:-1px; color:#333; line-height:160%; vertical-align:top;   padding-bottom: 12px; overflow:hidden}
.con > div > dl > dd > ul li {font-size:18px;letter-spacing:-1px; color:#333;  padding-bottom:10px;}
.con > div > dl > dd > p b {    color: #000000;
    display: inline;
    border-bottom: 1px solid #BBB;
    padding-bottom: 3px;}
.con > div > dl > dd > p > span {}
.con > div > dl > dd > span {width:35%; text-align:center; display:inline-block; *display:inline; zoom:1}
.con > div > dl > dd > span img {width:65%;}


/*���댄�*/

.con > div > dl > dt h3 {font-size:36px; display:inline-block; padding:30px 30px 40px 30px; color:#454545; text-align:center; letter-spacing:-1px; position: relative;}
.con > div > dl > dt h3:before {content: ''; position: absolute;  left: 0; height: 8px; width: 8px; border-radius: 50%;top: 47px; background: #828282;}
.con > div > dl > dt h3:after { content: '';  position: absolute; right: 0; height: 8px; width: 8px; border-radius: 50%; top: 47px; background: #828282;}

.line:before {position:absolute; content:''; top:50px; height:1px; background:#828282; width:1000px; left:0}




/*踰꾪듉*/
 .btn_st .ok_btn{background:url ('./img/ok_btn.png'); padding:0;}




/* 而⑦뀗痢� 100% 諛곌꼍*/


.con > div.bg01  {background:url('/sub/con_01_bg.png') no-repeat #fff0ca; background-position:center bottom }
.con > div.bg02 {background:#E6E4E1;}


.con > div.bg01 > dl > dt h3 {background:#fff0ca;}
.con > div.bg02 > dl > dt h3 {background:#E6E4E1;}
.con > div > dl > dt h3 {background:#ECECEC;}

/* 而⑦뀗痢� 以묎컙 �대�吏�而�*/

.img_wrap {text-align:center;    margin-top: 20px;}
.img_wrap li {display:inline-block; *display:inline; zoom:1; border:1px solid #b1b1b1;}



/* �쒖꽌媛� �덈뒗 諛뺤뒪�뺥깭 媛�濡� type1*/

.con > div > dl > dd.c_flow > ul > li {display:inline-block; *display:inline; zoom:1; width:32.4%; color:#fff; font-size:22px; font-weight:bold; text-align:center; padding:30px 0;  margin-right: 1%;vertical-align: top;    line-height: 160%;}
.con > div > dl > dd.c_flow > ul > li:last-child {margin-right:0;}
.con > div > dl > dd.c_flow > ul > li span {display:block; padding:40px 0 36px 0;}
.con > div > dl > dd.c_flow > ul > li.pa_01 {background:url('/sub/c1_bg01.gif');}
.con > div > dl > dd.c_flow > ul   li.pa_02 {background:url('/sub/c1_bg02.gif');}



/* �쒖꽌媛� �덈뒗 諛뺤뒪�뺥깭 �몃줈*/

.con > div.h_flow dl > dd > ul  {text-align:left; }
.con > div.h_flow dl > dd > ul > li { line-height:140%; color:#000; letter-spacing:-1px;    width: 97.8%; display:inline-block; *display:inline; zoom:1 overflow:hidden; font-size:22px;    margin: 0 0 16px 0px;padding:10px 0  10px 20px; }
.con > div.h_flow dl > dd > ul > li.list_bg01 {    background: #E1EFF7;    border: 1px solid #d1d1d1;}
.con > div.h_flow dl > dd > ul > li.list_bg01 p {padding:0; display:inline-block;}
.con > div.h_flow dl > dd > ul > li.list_bg02 {background:#EDEDED; border: 1px solid #ddd;}
.con > div.h_flow dl > dd > ul > li.list_bg02 p {padding:0; display:inline-block; color:#000;}
.con > div.h_flow dl > dd > ul > li p{display:inline-block;  vertical-align: top; width:50px}
.con > div.h_flow dl > dd > ul > li span {color:#0091DF; font-weight:bold; vertical-align: top;}
.con > div.h_flow dl > dd > ul > li p.txt{width:85%;    text-align: left;}
.con > div.h_flow dl > dd > ul > li u {width:1px; background:#0091DF; display:inline-block;  margin:-3px 9px;height:20px;}
.con > div.h_flow dl > dd > ul > li b {color:#000; font-weight:normal; }


/* �쒖꽌媛� �덈뒗 諛뺤뒪�뺥깭 媛�濡� type2*/

.c_flow_box {padding-bottom:20px;}
.c_flow_box ul {text-align:center;}
.c_flow_box  ul  li {display:inline-block; *display:inline; zoom:1; vertical-align:top; width:24%; background:#fff;margin-right:5px; text-align:center; padding:10px 0; font-size:18px; color:#000; height:auto;  border:1px solid #d1d1d1;}
.c_flow_box  ul  li:last-child {margin-right:0;}
.c_flow_box  ul  li p { padding-top:20px;    margin: 0 20px; }
.c_flow_box  ul  li p.dot1 {border-top:1px dashed #DFDFDF;}
.c_flow_box  ul  li p.dot2 {border-top:1px dashed #BFB3B3;}
.c_flow_box  ul  li p.dot3 {border-top:1px dashed #BFB3B3;}
.c_flow_box  ul  li.list_bg01 {background:#9A9A9A;  color:#fff;}
.c_flow_box  ul  li.list_bg02 {background:#3590c0;  color:#fff;} 




/*�ъ씤�� 諛뺤뒪 ����*/

.point {color:#fff; background:#EB610E; font-size:16px;padding:15px;    line-height: 140%;    border: 1px solid #B54A0A;    text-align: center;     margin-bottom: 30px;}
.point span {color:#fff000}

.point2 {background:url('/sub/point2_bg.png') no-repeat #e0e0e0;padding:30px; border:1px solid #b1b1b1; margin-top:30px;     background-position: 53px 0;}
.point2 dl {padding-left:300px; color:#395dad;}
.point2 dl > dt {font-size:30px; font-weight:bold;}
.point2 dl > dd {font-size:18px; padding-top:24px;    line-height: 160%;}


/* */

.img_box01 {    position: relative;}
.img_box01 > span{    position: absolute;right: 0; top: 0;     text-align: right;}
.img_box01 > span img {width:90%;}





.left {float:left}
.right {float:right}

/*�뚯씠釉� �ㅽ���*/



.tb_01  {padding-bottom:30px;}
.tb_01 td, .tb_01 th{ font-size:18px; line-height:160%;}
.tb_01 td {padding:20px 10px;     background: #F5F5F5; border: 1px solid #C9CFD2;}
.tb_01 td span {display:block;  color:#0B837A; padding:5px; font-size:16px}
.tb_01 td > i {color:#0B837A;}
.tb_01 th {background:#0063DC; color:#fff; border: 1px solid #C4CDD2;width:15%;}



.con > div > dl > dd > ul.w50 {margin-bottom:100px;}
.con > div > dl > dd > ul.w50 > li {display:inline-block; *display:block; zoom:1; width:100%; line-height:140%;line-height:140%; font-size:18px;     letter-spacing: -1px;     position: relative;}
.con > div > dl > dd > ul.w50 > li h4 {text-align:center; font-size:20px; color:#fff; padding:10px;     background: #aaa; font-weight:normal;}
.con > div > dl > dd > ul.w50 > li p{padding-top:30px;  padding-bottom: 50px;    width: 90%;
    margin: 0 auto;}



.bg_01 {    background-color: #F0F0F0;}
.bg_02 {background:#fff; display:none;}

.box_bg {background:url('/sub/box_bg.gif');}
.box_bg02 {background:url('/sub/box_bg02.gif');}




.con > div.bg_01 > dl > dt h3 { background-color: #F0F0F0}
.con > div.bg_01 > dl > dt.line:before {background:#424242;}

.con > div.bg_02 > dl > dt h3 { background-color: #fff}
.con > div.box_bg > dl > dt h3 {background:#f0f0f0;}

.con > div > dl > dd.img_box01 > ul > li {width:30%;padding:10px;  display: inline-block; margin:3px; text-align:center;}


.con > div > dl > dd.img_box01 > ul > li > p {padding-top:150px; margin: 0 5px 10px 5px; ;color:#fff; font-size:22px; line-height:140%}
.con > div > dl > dd.img_box01 > ul > li > p b{color:#000; font-weight:normal;}
.con > div > dl > dd.img_box01 > ul > li > p  span {color:#fff588;}


.con > div > dl > dd.img_box01 > ul > li.c_01 {background:url('/sub/c_ion01.png') no-repeat #8C8C8C; background-position:center 15px;}
.con > div > dl > dd.img_box01 > ul > li.c_02 {background:url('/sub/c_ion04.png') no-repeat #0063DC;  background-position:center 20px; }
.con > div > dl > dd.img_box01 > ul > li.c_03 {background:url('/sub/c_ion03.png') no-repeat #47B1FF;  background-position:center 15px; }