@charset 'utf-8';

/* -------------------------- Basic (필수) -------------------------- */

/*콘텐츠 텍스트 박스 스타일01*/
.box_line{ overflow: hidden; border:1px solid #e8e8e8; margin-bottom:50px; padding:30px;}
.box_line p{ float:left; margin:0 0 0 35px; padding:0; font-size:15px; }
/* 콘텐츠 텍스트 박스 스타일01 : 태블릿 768픽셀 부터 1024픽셀까지*/
@media screen and (min-width:768px) and (max-width:1024px) {
.box_line { box-sizing: border-box !important;}
.box_line p{ width:80%;}
}
/* 콘텐츠 텍스트 박스 스타일01 : 모바일 640픽셀*/
@media screen and (max-width:640px) {
.box_line { text-align: center; margin-bottom:30px; box-sizing: border-box !important; }
.box_line img { float:none; clear:both; margin:0 auto 20px; width:40%;}
.box_line p { width:100%; float:none; margin-left:0;}
}



/*콘텐츠 텍스트 박스 스타일02*/ 
.box_dotline{ overflow: hidden; border-bottom:1px dotted #c2c2c2; padding-bottom:30px;}
.box_dotline p{ margin:0 0 0 5px; padding:0; font-size:15px; }
/* 콘텐츠 텍스트 박스 스타일02 : 모바일 640픽셀*/
@media screen and (max-width:640px) {
.box_dotline {  padding:0 0 20px 0;} 
}


/*콘텐츠 텍스트 박스 스타일03*/
.box_dotline_all{ overflow: hidden; border:1px dotted #989baa; margin-bottom:20px; padding:30px 20px;}
.box_dotline_all p{ width:700px; float:left; margin:0 0 0 35px; padding:0; font-size:15px; }
.box_dotline_all02{ overflow: hidden; border:1px dotted #cc1d00; margin-bottom:20px; padding:30px 20px;}
.box_dotline_all02 p{ width:700px; float:left; margin:0 0 0 35px; padding:0; font-size:15px; }

/* 콘텐츠 텍스트 박스 스타일03 : 태블릿 768픽셀 부터 1024픽셀까지*/
@media screen and (min-width:768px) and (max-width:1024px) {
.box_dotline_all{ overflow: hidden; width:100% !important; border:1px dotted #989baa; margin-bottom:20px; padding:30px 20px; box-sizing: border-box !important;}
.box_dotline_all p{ width:100% !important; float:none; margin:0; padding:0; font-size:15px; }
.box_dotline_all h6{ padding-left:0 !important;}
.box_dotline_all02{ overflow: hidden; border:1px dotted #cc1d00; margin-bottom:20px; padding:30px 20px;}
.box_dotline_all02 p{ width:100% !important; float:none; margin:0; padding:0; font-size:15px;}
.box_dotline_all02 h6{padding-left:0 !important;}
}
/* 콘텐츠 텍스트 박스 스타일03 : 모바일 640픽셀*/
@media screen and (max-width:640px) {
.box_dotline_all{ overflow: hidden; width:100% !important; border:1px dotted #989baa; margin-bottom:20px; padding:30px 20px; box-sizing: border-box !important;}
.box_dotline_all p{ width:100% !important; float:none; margin:0; padding:0; font-size:15px; }
.box_dotline_all h6{ padding-left:0 !important;}
.box_dotline_all02{ overflow: hidden; border:1px dotted #cc1d00; margin-bottom:20px; padding:30px 20px;}
.box_dotline_all02 p{ width:100% !important; float:none; margin:0; padding:0; font-size:15px;}
.box_dotline_all02 h6{padding-left:0 !important;}
}

/*콘텐츠 : 버튼 박스 스타일*/ 
.box_button{ margin:10px 0;}

/*콘텐츠 타이틀 스타일*/ 
h4 { background: url("../images/sub/01/h4_bullet.gif") no-repeat; background-position:left; margin:0 0 15px 0; padding:0 0 0 23px; font-size:23px; line-height:1;} 
h4.mgt{ margin-top: 30px;}
h5 { /*background: url("../images/sub/01/h4_bullet.gif") no-repeat; background-position:left;*/ margin:0 0 15px 0; /*padding:0 0 0 23px;*/ font-size:23px; font-weight:500; line-height:1;} 
h5.mgt{ margin-top: 30px;}
h6{ background: url("../images/sub/01/h6_bullet.gif") no-repeat; background-position:left; margin:0 0 8px 0; padding:0 0 0 15px; font-size:17px; line-height:1;} 
h6.mgt{ margin-top: 30px;}
h6.bgnone{ background:none;}
/* 콘텐츠 타이틀 스타일 : 모바일 640픽셀*/
@media screen and (max-width:640px) {
  h4 { background: url("../images/sub/01/h4_bullet.gif") no-repeat; background-position:left; margin:0 0 10px 0; padding:0 0 5px 23px; font-size:18px; line-height:1;} 
  h4.mgt{ margin-top: 20px;}
  h5 { font-size:20px; margin:0 0 10px 0; font-weight:600;} 
  h6.mgt{ margin-top: 20px; font-weight:600;}
}


/*콘텐츠 텍스트정렬 : 타이틀 스타일*/ 
.con_date p{ margin: 0; padding:0; font-size:15px; text-align: right; line-height:23px; }
/* 콘텐츠 텍스트정렬 : 타이틀 스타일 : 모바일 640픽셀*/
/* 콘텐츠 텍스트정렬 : 타이틀 스타일 : 모바일 640픽셀*/
@media screen and (max-width:640px) {
.con_date p{ font-size:13px !important; line-height:18px; }
}

/*콘텐츠 : 버튼 스타일*/ 
.button_basic01 {background:#fff; color:#1a6797; text-align:center; margin-top:20px; padding:10px 20px; font-size:15px; border:1px solid #1a6797; border-radius:4px;  cursor:pointer;}

.button_join01 {background:#333333; color:#fff; text-align:center; padding:6px 30px; font-size:14px; border:1px solid #333333; border-radius:2px;  cursor:pointer;}

/* 콘텐츠 테이블 스타일1 */
table.style01 {width:100%; margin:36px 0 6px 0px; border-top:2px solid #01568c; border-collapse:collapse; border-width:2px 0 0 0; text-align:center; font-size:15px !important;}
table.style01 caption {overflow:hidden; height:0; margin:0; padding:0; font-size:0; line-height:0; text-indent:-2000px;}
table.style01 th,table.tstyle td {padding:10px;}
table.style01 th {border:1px solid #d8d7dc; background-color:#f1f1f1; color:#212121; text-align:center; vertical-align:middle; font-size:16px; font-weight:500;}
table.style01 tbody th {border:1px solid #d8d7dc; background:#f9f9f9; color:#555;}
table.style01 td {border:1px solid #d8d7dc; background:#fff; padding:15px 20px;}
table.style01 tfoot td {font-weight:normal; background:#f5f5f5; text-align:center; vertical-align:middle;}
/* 콘텐츠 테이블 스타일1 : 모바일 640픽셀*/
 @media (max-width: 640px) {
table.style01 { box-sizing:border-box !important;  margin-top:10px;}
table.style01 th { font-size:15px; padding:10px;}
table.style01 td{font-size: 13px; padding:10px;}
table.style01 ul>li {font-size: 13px; line-height:20px !important; margin-bottom:15px; font-size:14px !important; font-weight:400; background: url(../../images/sub/01/vision_bullet.png)0 8px no-repeat; padding-left:10px;}
table.style01 ul li ul>li {line-height:18px; margin-top:10px; margin-bottom:10px; font-weight:400; background: url(../../images/sub/01/list_bullet02.gif)0 8px no-repeat; padding-left: 10px;}
}

/* 인풋 */
.input_basic { padding:10px; border:1px solid #ccc; color:#000; font-size:14px; line-height:1.1; }



/* 콘텐츠 탭버튼 스타일1 */
.tab_basic{ overflow: hidden; width:100%; margin-bottom:48px !important; margin-left:0 !important; }
.tab_basic>li{ float:left; width:33.3%; border-right:1px solid #dedede; border:1px solid #dedede;  /*border-left:none;*/ text-align: center; font-size:17px !important;; color:#4d4d4d; box-sizing: border-box;}
.tab_basic li>a{ display: block;  padding:15px 20px;}
.tab_basic >li.on a{ background:#414247; color:#fff !important;}
/* 콘텐츠 탭버튼 스타일1 : 모바일 640픽셀*/
@media screen and (max-width:640px) {
.tab_basic{ overflow: hidden; width:100%; margin-bottom:30px !important; margin-left:0 !important; box-sizing: border-box; }
}


/* 콘텐츠 탭버튼 스타일2 */
.tab_basic02{ overflow: hidden; width:100%; margin-bottom:40px !important; margin-left:0 !important; border-bottom:1px solid #b9b9b9; }
.tab_basic02>li{ float:left; width:18%; text-align: center; font-size:17px !important;; color:#4d4d4d; box-sizing: border-box; background:#d9d9d9; margin-right:8px;}
.tab_basic02 li>a{ display: block;  padding:15px 20px;}
.tab_basic02 >li.on a{ background:#555; color:#fff !important;}
.tab_con{ margin-left:20px;}
.tab_con h6{ background:none; margin:0; padding:0; font-size:18px; }
.tab_con p{ margin-top:17px; font-size:16px;}


/* 콘텐츠 리스트 스타일1 */
.list01{ overflow: hidden;}
.list01 li{ background: url(../images/sub/01/list01_bullet.gif)0 10px no-repeat; margin: 0 0 8px 0; padding: 0 0 0 15px; font-size:16px; line-height: 30px; }
.list01 li.end{ margin-bottom:0;padding-bottom:0;}
/*콘텐츠 리스트 스타일1 : 태블릿 768픽셀 부터 1024픽셀까지*/
@media screen and (min-width:768px) and (max-width:1024px) {
.list01 li { background: url(../images/sub/01/list01_bullet.gif)0 8px no-repeat; line-height:28px;}
 }
/* 콘텐츠 리스트 스타일1 : 모바일 640픽셀*/
@media screen and (max-width:640px) {
.list01 li { background: url(../images/sub/01/list01_bullet.gif)0 6px no-repeat; line-height: 25px !important;}
}

/* 콘텐츠 리스트 스타일2 */
.list02{ overflow: hidden;}
.list02 li{ background: url(../images/sub/01/list02_bullet.gif)0 13px no-repeat; padding-left:14px; font-size:16px; color: #4d4d4d; line-height: 20px;}
.list02 li.end{margin-bottom:0;padding-bottom:0;}

/* 콘텐츠 리스트 스타일3 */
.list03{ overflow: hidden; margin:10px 0;}
.list03 li{ background: url(../images/sub/01/list03_bullet.gif)0 13px no-repeat; padding-left:14px; font-size:16px; color: #4d4d4d; line-height: 20px;}
.list03 li.end{margin-bottom:0;padding-bottom:0;}
/*콘텐츠 리스트 스타일3 : 모바일 640픽셀*/
@media screen and (max-width:640px) {
.list03 li{line-height:20px !important;}
}

/* 콘텐츠 리스트 스타일 배경없음 */
ul.bgnone{ }
ul.bgnone li{ background:none; }

/* 콘텐츠 포인트 스타일1 */
strong.point01{ background: url(../images/sub/01/point01.gif)0 4px no-repeat; padding-left:25px; font-size:16px; font-weight:500; color: #4d4d4d; line-height: 20px;}

/* 준비중 */
.pre{ overflow: hidden; /*width:890px;*/ margin:0 auto; background:#e9e9e8; padding:150px 50px; text-align:center;}
.pre .title{ text-align:center;}
.pre .title h4{ background:none; font-size:30px; font-weight:500; margin:0; padding:0;}
.pre .title p { text-align: center; font-size:18px; line-height:28px; padding:20px 100px;}
.pre .title img{ display: block; margin:0 auto;}
/* 준비중 : 태블릿 768픽셀 부터 1024픽셀까지*/
@media screen and (min-width:768px) and (max-width:1024px) {
.pre{ width:100%; box-sizing: border-box;}
.pre .title p { text-align: center; font-size:20px; line-height:28px; padding:20px 100px;}
}
/* 준비중 : 모바일 640픽셀*/
@media screen and (max-width:640px) {
.pre{ width:100%; box-sizing: border-box;  padding:100px 30px;}
.pre .title h4{ background:none; font-size:25px; font-weight:500; margin:0; padding:0;}
.pre .title p { text-align: center; font-size:16px; line-height:28px; padding:20px 30px;}
}

/* ------------------- 스타일에 따라 수정 및 추가 ------------------- */

/* Tag문단(Paragraph) */
p {margin:5px 0 15px 0;padding:0;line-height:1.5;text-align:justify;}

/* cursor:pointer */
.hand_shape{cursor:pointer}

/* dispaly */
.disblock {display:block}
.disnone {display:none}

/* float */
.fll {float:left}
.flr {float:right}
.cll {clear:left}

/* padding - 5px 단위로 추가 */
.pd0{padding:0}
.pdt5{padding-top:5px}
.pdt15{padding-top:15px}
.pdr5{padding-right:5px}
.pdb5{padding-bottom:5px}
.pdl5{padding-left:5px}
.pdl10{padding-left:10px}
.pdl15{padding-left:15px}
.pdl25{padding-left:25px}

/* margin - 5px 단위로 추가 */
.mg0{margin:0}
.mgt5{margin-top:5px}
.mgt15{margin-top:15px}
.mgt30{margin-top:30px !important}
.mgr5{margin-right:5px}
.mgr10{margin-right:10px}
.mgr15{margin-right:15px}
.mgr30{margin-right:30px}
.mgb5{margin-bottom:5px}
.mgb15{margin-bottom:15px}
.mgb20{margin-bottom:20px}
.mgb30{margin-bottom:30px !important}
.mgl5{margin-left:5px}
.mgl3{margin-left:3px}
.mgl30{margin-left:30px}

/* margin-bottom - 회원영역 인풋/버튼 부분 삽입됨 */
.mgb3 { margin-bottom:3px; }
.mgb14 { margin-bottom:14px; }
.mgb70 { margin-bottom:70px; }


/* Align */
.tal {text-align:left !important;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}

/* vertical align */
.vat {vertical-align:top}
.vam {vertical-align:middle}
.vab {vertical-align:bottom}

/* font size */
.fs0 {font-size:0}
.fs9 {font-size:9px}
.fs10 {font-size:10px}
.fs11 {font-size:11px}
.fs12 {font-size:12px}
.fs13 {font-size:13px}
.fs14 {font-size:14px}
.fs15 {font-size:15px}
.fs16 {font-size:16px}
.fs18 {font-size:18px}


/* text_style */
.fb {font-weight:bold;}

/* letter-spacing */
.ls0{letter-spacing:normal}
.ls2{letter-spacing:-0.2px}
.ls3{letter-spacing:-0.3px}
.ls4{letter-spacing:-0.4px}
.ls5{letter-spacing:-0.5px}
.ls10{letter-spacing:-1px}t
.ls12{letter-spacing:-1.2px}

/* line-height */
.lh0{line-height:0}
.lh1{line-height:1.25}
.lh2{line-height:1.3}

/* color */
.red {color:#c91e04 !important;}
.gray {color:#888 !important;}
.green {color:#71bf44 !important;}
.green a{color:#02a388 !important;}
.orange {color:#ed733a !important;}
.darkgray {color:#555 !important;}
.dark {color:#333 !important;}
.black {color:#000 !important;}
.blue {color:#004b7b !important;}


/*버튼 - M*/
.button_green {background:#02a388; color:#fff; text-align:center; padding:6px 30px; font-size:14px; border:1px solid #008a73; cursor:pointer;}
.button_gray {background:#f1f1f1; color:#212121; text-align:center; padding:6px 30px; font-size:14px; border:1px solid #d7d7d7; cursor:pointer;}
.button_white {background:#fff; color:#212121; text-align:center; padding:6px 30px; font-size:14px; border:1px solid #d7d7d7; cursor:pointer;}