@charset "utf-8";
/* CSS Document */

/* PC */
/* 서브페이지 */
/* 상단메뉴고정 */
div{display: block}
#sub_wrapper{background:url(/theme/basic/img/images/bg.gif) center top repeat-y}
.jbMenu { position: absolute; text-align: center;width: 100%; height:40px; z-index: 10000000 !important}
.jbFixed { position: fixed; top: 0px; z-index: 10000000 !important }
#logo_navi{clear: both;}
#logo_navi #navi{float: right;}

#mainbody_wraper{background:url('../../../img/captcha.png') no-repeat;}
#main_visual{margin:0 auto; text-align: center; padding: 80px 0 0 }
#main_wrapper{margin: 0 auto; text-align:center; width:100%; background:#ebebeb}
#main_wrapper #gallery{ width:100%; background-color: #eaeaea; border: 1px #dfdfdf solid;}
#main_wrapper #gallery ul{margin:0; padding: 0; display:inline-block}
#main_wrapper #gallery li{float: left;  margin:0; padding: 0; list-style: none;}
#main_wrapper #gallery #qna{padding:40px 0 0}
#main_wrapper #gallery li img{padding:17px 11px}

#main_wrapper #cs{padding:30px 0}
#main_wrapper #cs ul{margin:0; padding: 0; display:inline-block}
#main_wrapper #cs li{float: left;  margin:0; padding: 0; list-style: none;}
#main_wrapper #cs li img{padding:15px 18px}

#sub_visual{background:url(/theme/basic/img/images/sub_visual.jpg) no-repeat center top; width: 100%; height: 109px;}
#cont_wrapper{margin: 0 auto; width: 1248px; padding-top: 50px  }
#cont_tt_line{width: 40px; height: 0px; background:#000 ; margin-bottom: 3px;text-align: center}
#container .path{ position: relative; top:-85px; text-align: right; font-size: 12px; font-weight: 100; font-family: Arial, "굴림", "굴림체", "나눔고딕"; color: #747474}
#container .path span{font-size:10px; padding:1px 3px; background: #000; color:#fff} 
#container .bo_path{ position: relative; top:-20px; text-align: right; font-size: 12px; font-weight: 100; font-family: Arial, "굴림", "굴림체", "나눔고딕"; color: #747474}
#container .bo_path span{font-size:10px; padding:1px 3px; background: #000; color:#fff}



#container_title24px {margin:20px 0 10px; font-size:24px;font-weight:300; font-family: "Nanum Gothic",sans-serif; }
#container_title22px {margin:20px 0 10px; font-size:22px;font-weight:300; font-family: "Nanum Gothic",sans-serif; }
#container_title20px {margin:20px 0 10px; font-size:20px;font-weight:300; font-family: "Nanum Gothic",sans-serif; }
#container_title18px {margin:20px 0 10px; font-size:18px;font-weight:300; font-family: "Nanum Gothic",sans-serif; }
#container_title16px {margin:20px 0 10px; font-size:16px;font-weight:300; font-family: "Nanum Gothic",sans-serif; }

#container #ctt_con { font-family: "NanumGothic", Noto Sans KR,  Dotum; font-size:14px; text-decoration:none; color: #626262; line-height: 25px}
#container #ctt_con #cont {padding-top: 30px}

#container #tt_text{text-align: center; padding-top:30px; padding-bottom: 70px}

#container #ctt_con #tt_img{text-align: center; padding-bottom: 50px}
#container #ctt_con #tt_text{text-align: center; padding-top:30px; padding-bottom: 70px}
#container #ctt_con #tt01_img{text-align: center; margin-top: 30px; padding-bottom: 30px}
#container #ctt_con #tt01_text{text-align: center; margin-top: 30px; padding-bottom: 30px}

#container #ctt_con #doc_text{padding-bottom:20px; text-align: center}
#container #ctt_con #doc_img{text-align: center; padding-bottom: 20px}
#container #ctt_con #doc01_text{margin-top: 30px; padding-bottom:20px}
#container #ctt_con #doc01_img{text-align: center; margin-top: 30px; padding-bottom: 20px}

#foot{background-color: #FFFFFF; margin: 0 auto; text-align: center; border-top: 1px solid #e8e8e8; padding-top: 20px; color: #737373; width: 1160px}
#foot ul{ display:inline-block}
#foot ul li{float:left; list-style: none; padding:0 20px; letter-spacing: -0.2px}

.bx-wrapper{border:0px !important}

/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */
/* 모바일 */
#m_wrapper #logo{ width:35%; margin:0 auto; padding:15px 0; text-align: center}
#m_wrapper #logo img { max-width:100%; }
#gnb_open {position:absolute;top:11px;padding:0 10px;height:2.6em;border:0;background:#fff;color:#fff;font-size:1em;letter-spacing:-0.1em}/* moblie.css 40번째 라인 삭제*/
#gnb_open ul{margin: 0; padding: 0}
#gnb_open li{ width:20px; height: 2px; margin: 3px 0; background: #000000; list-style: none; padding:1px}

#hd_nb {clear:both;background:#fff;text-align:center; border-top:1px solid #e7e7e7;  border-bottom:1px solid #e7e7e7 }
#hd_nb li {display:inline-block; font-size: 13.5px; border-left:1px solid #e7e7e7; height:32px ;border-collapse: collapse;}
#hd_nb li:nth-last-of-type(1) {border-right:0 !important}
#hd_nb a {display:inline-block;padding:7px 20px;text-decoration:none; color:#727272; letter-spacing: -1px;}

.visual {  width:100%; margin:0 auto; text-align:center; }
.visual img { max-width:100%; }

#mm_wrapper #container #m_visual{ clear: both; width:100%; margin:0 auto; padding:0; text-align: center}
#mm_wrapper #container #m_visual img { max-width:100%; }


/* main페이지 카피정렬 */
#mm_wrapper #container #copy100 { clear: both; width:100%; margin:0 auto; padding:0; text-align: center; padding:40px 0 10px }
#mm_wrapper #container #copy100 img { max-width:100%; }

#mm_wrapper #container #copy100_01 { clear: both; width:100%; margin:0 auto; padding:0; text-align: center;}
#mm_wrapper #container #copy100_01 img { max-width:100%; }

#mm_wrapper #container #copy75 { clear: both; width:75%; margin:0 auto; padding:0; text-align: center; padding:40px 0 10px }
#mm_wrapper #container #copy75 img { max-width:100%; }

#mm_wrapper #container #copy50 { clear: both; width:50%; margin:0 auto; padding:0; text-align: center; padding:40px 0 10px }
#mm_wrapper #container #copy50 img { max-width:100%; }

#mm_wrapper #container #copy25 { clear: both; width:25%; margin:0 auto; padding:0; text-align: center; padding:40px 0 10px }
#mm_wrapper #container #copy25 img { max-width:100%; }


/* main페이지 배너1개 가로정렬 */
#mm_wrapper #container #bnn100 { clear: both; width:100%; margin:0 auto; padding:0; text-align: center; padding:20px 0 10px }
#mm_wrapper #container #bnn100 img { max-width:100%; }


/* main페이지 배너2개 가로정렬 */
#mm_wrapper #container #bnn50 {display: block; overflow: auto}
#mm_wrapper #container #bnn50 ul{margin: 0; padding: 0;}
#mm_wrapper #container #bnn50 li{float: left; width: 50%; text-align: center; list-style: none; font-size: 13px; padding:20px 0 10px }
#mm_wrapper #container #bnn50 li img{ max-width:100%; padding-bottom: 5px }

/* main페이지 배너4개 가로정렬 */
#mm_wrapper #container #bnn25 {display: block; overflow: auto}
#mm_wrapper #container #bnn25 ul{margin: 0; padding: 0;}
#mm_wrapper #container #bnn25 li{float: left; width: 25%; text-align: center; list-style: none; font-size: 13px; padding:20px 0 10px }
#mm_wrapper #container #bnn25 li img{ max-width:100%; padding-bottom: 5px }

/* main페이지 배너5개 가로정렬 */
#mm_wrapper #container #bnn20 {display: block; overflow: auto}
#mm_wrapper #container #bnn20 ul{margin: 0; padding: 0;}
#mm_wrapper #container #bnn20 li{float: left; width: 20%; text-align: center; list-style: none; font-size: 13px; padding:20px 0 10px }
#mm_wrapper #container #bnn20 li img{ max-width:100%; padding-bottom: 5px }

#mm_wrapper #container #quick_bnn01{display: block; overflow: auto}
#mm_wrapper #container #quick_bnn01 ul{margin: 0; padding: 0;}
#mm_wrapper #container #quick_bnn01 li{float: left; width: 25%; text-align: center; list-style: none; font-size: 13px; padding-bottom: 30px}
#mm_wrapper #container #quick_bnn01 li img{ max-width:95%; padding-bottom: 5px }

/* sub페이지 이미지정렬 */
#container #ctt_con #m_img100 {width:100%; margin:0 auto; padding: 10px 0 20px; text-align: center}
#container #ctt_con #m_img100 img { max-width:100%; }

#container #ctt_con #m_img100_01 {width:100%; margin:0 auto; padding: 1px 0 1px 0; text-align: center}
#container #ctt_con #m_img100_01 img { max-width:100%; }

#container #ctt_con #m_img100_02 {width:100%; margin:0 auto; padding: 0 0 20px; text-align: center}
#container #ctt_con #m_img100_02 img { max-width:100%; }

#container #ctt_con #m_img85 {width:85%; margin:0 auto; padding: 10px 0 20px; text-align: center}
#container #ctt_con #m_img85 img { max-width:100%; }

#container #ctt_con #m_img75 {width:75%; margin:0 auto; padding: 10px 0 20px; text-align: center}
#container #ctt_con #m_img75 img { max-width:100%; }

#container #ctt_con #m_img50 {width:50%; margin:0 auto; padding: 10px 0 20px; text-align: center}
#container #ctt_con #m_img50 img { max-width:100%; }

#container #ctt_con #m_img50_01 {width:50%; margin:0 auto; padding: 10px 0 10px; text-align: center}
#container #ctt_con #m_img50_01 img { max-width:100%; }

#container #ctt_con #m_img25 {width:25%; margin:0 auto; padding: 10px 0 20px; text-align: center}
#container #ctt_con #m_img25 img { max-width:100%; }


/* sub페이지 타이틀 정렬 */
#container #ctt_con #m_tt18px {font-size: 18px; line-height: 1.5em; letter-spacing:0;  font-family: Arial, "나눔고딕", "굴림", "굴림체"; font-weight: bold; padding-bottom:10px}


/* sub페이지 본문 정렬 */
#container #ctt_con #m_cont14px{font-size: 14px; line-height: 1.5em; letter-spacing:-0.5px;  font-family: Arial, "나눔고딕", "굴림", "굴림체"; letter-spacing: 0px }

#m_foot{margin:0 auto; text-align: center; letter-spacing: -0.5px; line-height: 16px; color: #7E7E7E}
#m_foot #logo{padding:10px}
#m_foot #copy100_01 { clear: both; width:100%; margin:0 auto; padding:0; text-align: center;}
#m_foot #copy100_01 img { max-width:100%; }
#m_foot #adm{padding:0 0 10px}