@charset 'utf-8';


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

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

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

/* 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;}
.pdt30{padding-top:30px;}
.pdr5{padding-right:5px;}
.pdb5{padding-bottom:5px;}
.pdl5{padding-left:5px;}
.pdl10{padding-left:10px;}
.pdl15{padding-left:15px;}

/* margin - 5px 단위로 추가 */
.mg0{margin:0 !important}
.mgt5{margin-top:5px;}
.mgt15{margin-top:15px;}
.mgr5{margin-right:5px;}
.mgr6{margin-right:6px;}
.mgb5{margin-bottom:5px;}
.mgb15{margin-bottom:15px;}
.mgb30{margin-bottom:30px;;}
.mgl5{margin-left:5px;}


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

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


/* text_style */
.fb {font-weight:500}
.fb2 {font-weight:400}
.fn {font-weight:normal}


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

/* color */
.red {color:#c40000}
.orange {color:#f96f00}
.green {color:#02a388;font-weight:400;}
.yellow {color:#e7da02}

.black {color:#000}
.sky {color:#4ea4e5}
.navy {color:#003577}
.blue {color:#0773c7}

/* txt point */
.txt_point_green {padding:0 2px;background-color:#02a388;font-weight:500;color:#fff;}
.txt_point_yellow {padding:0 2px;background-color:#fff65e;font-weight:400;color:#000;}
.txt_point_gray {padding:0 2px;background-color:#f1f1f1;font-weight:400;color:#000;}

/* 라인 */
hr {margin:30px 0; border-width:0 0 1px; border-style:dashed; border-color:#ccc;}

/* 폰트종류 */
.font_zh {font-family:Tahoma, Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;}

/*-------------------------- 디자인 템플릿 (선택) --------------------------*/


/* 본문제목 */

#sub_content h4, #sub_content h5, #sub_content h6 {line-height:1.3}

#sub_content h4 {margin:5px 0;padding:20px 0 0 0;font-weight:400;font-size:20px;background:url(/mobile/_template/image/default/img/bullet_h4.gif) no-repeat;background-position:0 6px;background-size:18px auto;color:#000;text-align:left;clear:left}
#sub_content h5 {margin:5px 0;padding:2px 0 0 0;font-weight:400;font-size:18px;color:#333;text-align:left;clear:left}
#sub_content h6 {margin:5px 0;padding:0;font-weight:400;font-size:16px;color:#444;text-align:left;clear:left}

#sub_content h4.tmg {margin:10px 0 5px 0;} /*단락사이에 여백을 줘서 구분 */
#sub_content h5.tmg {margin:8px 0 5px 0;} /*단락사이에 여백을 줘서 구분 */
#sub_content h6.tmg {margin:8px 0 5px 0;} /*단락사이에 여백을 줘서 구분 */

#sub_content h4 span,#sub_content h5 span,#sub_content h6 span {margin-left:10px;font-weight:normal;font-size:12px;color:#555;letter-spacing:0}


/* Tag목록(List) */
ul.con01 {margin:0;padding:5px 0 0 0;text-align:left}
ul.con01 li {margin:0;padding:0 0 7px 12px;background:url(/mobile/_template/image/default/img/bullet_list01.jpg) no-repeat; background-position:0 9px; background-size:5px auto;}
ul.con02 {padding:4px 0 0 0;}
ul.con02 li {padding:0 0 4px 10px;background:url(/mobile/_template/image/default/img/bullet_list02.jpg) no-repeat; background-position:0 9px; background-size:5px auto;}
ul.con03 {padding:4px 0 0 0;}
ul.con03 li {padding:0 0 4px 10px;background:url(/mobile/_template/image/default/img/bullet_list03.gif) no-repeat; background-position:0 12px; background-size:4px auto; }
ul.con_none {padding:4px 0 0 0;}
ul.con_none li {padding:0 5px 4px 0;background-image:none}

ol.num {margin:0;padding:5px 0 0 0;text-align:left}
ol.num li{list-style-type:decimal; margin-left:15px; padding-bottom:4px;}


/* 리스트 왼쪽 여백 */
.lpad01 {margin-left:14px !important;}/* h2제목 쓰고 컨텐츠 단락 들여쓰기 */
.lpad02 {margin-left:8px !important;}/* h3제목 쓰고 컨텐츠 단락 들여쓰기 */
.lpad03 {margin-left:22px !important;}/* h2 > h3의 순서로 제목 쓰고 컨텐츠 단락 들여쓰기 */

/* 사진 스타일 */
.con_picture {position:relative;margin-bottom:50px;border:1px solid #e9e9e9;line-height:0;}
.con_picture img {width:100%;}
.con_picture .coment {position:absolute; right:0; bottom:-30px; height:20px; padding:2px 5px;background-color:#f1f1f1; font-weight:400; font-size:12px; line-height:1.4; text-align:right;}
.con_picture .coment02 {position:absolute; right:0; bottom:0; height:20px; padding:2px 5px;background-color:rgba(0,0,0,0.7); font-weight:400; font-size:12px; line-height:1.4; color:#fff; text-align:right;}



/* 텍스트박스:라인01-라인 상,하 */
.txtbox_line01 {width:100%;margin:0 0 24px;padding:12px 0;border-top:2px solid #363636;border-bottom:1px solid #E5E5E5;text-align:left}
.txtbox_line01 .title {margin:0;font-weight:400;font-size:20px;color:#212121}
.txtbox_line01 .title span {color:#CF2027}
.txtbox_line01 p {margin:6px 0;}
.txtbox_line01 p.lpad01 {margin:6px 20px;}

/* 텍스트박스:라인03-하단라인 */
.txtbox_line03 {width:100%;margin:0 0 24px;padding-bottom:24px;border-bottom:1px solid #E5E5E5;text-align:left}
.txtbox_line03 .title {margin:0;font-weight:400;font-size:20px;color:#212121}
.txtbox_line03 .title span {color:#CF2027}
.txtbox_line03 p {margin:6px 0;text-align:justify;}

/* 텍스트박스:라인04-라인 상,하 */
.txtbox_line04 {width:100%;margin:0 0 24px;padding:20px 0;border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;text-align:left}
.txtbox_line04 .title {margin:0;font-weight:400;font-size:20px;color:#212121}
.txtbox_line04 .title span {color:#CF2027}
.txtbox_line04 p {margin:6px 0;}
.txtbox_line04 p.lpad01 {margin:6px 20px;}


/* 텍스트박스:박스02 */
.txtbox_box02 {width:100%;margin:0 0 24px;padding:20px 25px;border:1px dashed #ccc;text-align:left;box-sizing:border-box;}
.txtbox_box02 .title {margin:0 !important;font-weight:400;font-size:20px;color:#212121}
.txtbox_box02 .title span {color:#CF2027}
.txtbox_box02 p {margin:6px 0;text-align:justify;} 


/* 탭메뉴:박스04*/
.tabmenu_box03 {margin:0 auto 20px; padding:15px;border:1px dashed #ccc; border-top:1px solid #363636; font-size:0; font-family:'Montserrat'; font-size:14px;}
.tabmenu_box03 ul {overflow:hidden;}
.tabmenu_box03 ul li{float:left; display:inline-block; position:relative; z-index:210; margin:0; font-weight:300; padding-right:5px; box-sizing:border-box; text-align:center;}
.tabmenu_box03 ul li.on {z-index:250;}
.tabmenu_box03 a {display:block; margin:5px 0; padding:4px 10px; height:15px; line-height:16px; background:#f5f5f5;}
.tabmenu_box03 ul li a {color:#aaa;}
.tabmenu_box03 ul li:hover a { font-weight:500; color:#000;}
.tabmenu_box03 ul li.on a { font-weight:500; color:#fff; background:#02a388;}
.tab_content_wrap {margin-bottom:36px}
.tab_content_wrap .con {padding-top:20px}


/* 테이블 */
table.tstyle {width:100%;margin:.36px 0 6px 0px;border:solid #363636;border-collapse:collapse;border-width:2px 0 0 0;text-align:center}
table.tstyle caption {overflow:hidden;height:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-2000px}
table.tstyle th,table.tstyle td {padding:6px;10px}
table.tstyle th {border:1px solid #c1c1c1;font-weight:500;background-color:#f4f4f4;color:#212121;text-align:center;vertical-align:middle}
table.tstyle tbody th {border:1px solid #c1c1c1;font-weight:400;background:#f9f9f9;color:#575757}
table.tstyle td {border:1px solid #c1c1c1;background:#fff}
table.tstyle tfoot td {font-weight:normal;background:#f5f5f5;text-align:center;vertical-align:middle}


/*버튼*/
.button_green {background:#02a388; color:#fff; text-align:center; padding:6px 20px; font-weight:400; border:1px solid #02a388; cursor:pointer;}
.button_green02 {background:#02a388; color:#fff; text-align:center; padding:10px 30px; font-size:16px;  font-weight:400; border:1px solid #02a388; cursor:pointer;}
.button_yellow {background:#e7da02; color:#212121; text-align:center; padding:6px 20px; font-weight:400; border:1px solid #dac800; cursor:pointer;}
.button_gray {background:#f1f1f1; color:#212121; text-align:center; padding:6px 20px; font-weight:400; border:1px solid #d7d7d7; cursor:pointer;}
.button_white {background:#fff; color:#212121; text-align:center; padding:6px 20px; font-weight:400; border:1px solid #d7d7d7; cursor:pointer;}


/* 페이징 */
.boardPagination {display:inline-block; width:100%; margin:40px 0 0 0;font-size:13px; text-align:center; clear:both;}
.boardPagination img {padding-bottom:3px; vertical-align:top;}
.boardPagination strong {display: inline-block; width: 28px; height: 28px; border: 1px solid #363636; background: #444; font-weight: 600; color: #FFFFFF; line-height: 28px; text-align: center; vertical-align: middle;}
.boardPagination a.paging_num {display: inline-block; width: 28px; height: 28px; border: 1px solid #CDCDCD; background: #fff; line-height: 28px; color: #585858; text-decoration: none; text-align: center; vertical-align: middle;}
.boardPagination .prev {padding: 0 7px 0 2px;}
.boardPagination .next {padding: 0 2px 0 5px;}
.boardPagination .paging_btn {display:inline-block; padding:0 10px; border:1px solid #ccc; line-height: 28px; vertical-align:middle;}