@charset "utf-8";
/* common */
.wrap {position:relative; margin:0 auto; z-index:9; width:1200px; *zoom:1;}
.wrap:after {content:""; display:block; clear:both;}
.more {position:absolute; right:0; top:0;}
.date {position:absolute; right:0; top:0;}
.ico {font-family:'icon';} /* fontawsome */
.bg_active {background:#e84c00 !important;} /* active */
.bg_red {background:#e70000 !important;}
.bg_gray {background:#f7f7f7 !important;} /* sub0303 */
.bg_white {background:#fff !important;}
.bg_sky {background:#b9ffff !important;} /* 시간표 */
.bg_green {background:#cdffb9 !important;} /* 시간표 */

.bg_orange {}
.bg_blue {}
.col_active {color:#e84c00 !important;} /* active */
.col_red {color:#e70000 !important;}
.col_white {color:#fff !important;}
.col_black {color:#000 !important;} /* 강조 */
.col_orange {}
.col_blue {}
.col_sky {}
.fa {margin:0 5px 0 0;}
.dspn {display: none;}

/* form */
input[type="text"], input[type="password"], input[type="file"] {border:1px solid #6c6c6c; padding:0 5px 0 5px ; height:34px; line-height:34px; font-size:13px; margin:1px 0; vertical-align:middle;}
textarea {border:1px solid #6c6c6c; font-size:12px; padding:10px; width:100%; overflow-y:auto; line-height: 1.3;}
select {border:1px solid #dfdfdf; height:34px; line-height:34px; font-size:12px; padding:4px 4px 4px 5px; min-width:100px;}
label {padding:0 20px 0 10px; vertical-align:middle; cursor:pointer;}
.inp_l {width:100% !important;}
.inp_m {width:50% !important;}
.inp_s {width:25% !important;}
	/* input file */
	.add_file {display:inline-block; width:110px; height:33px; line-height:31px; background:#1f69ad; border:1px solid #1f69ad; color:#fff; font-size:12px; text-align:center; vertical-align:middle; position:relative; cursor:pointer;}
	.add_file input[type="file"] {width:110px; height:33px; opacity:0; filter:alpha(opacity=0); line-height:0; position:absolute; left:0; top:0; cursor:pointer;}

/* button */
.btn_r {display:inline-block; height:25px; line-height:23px; padding:0 15px; border:1px solid #b3b3b3; color:#999; border-radius:4px;} /*  */
.btn {display:inline-block; padding:0px 25px; height:36px; line-height:34px; background:#959595; font-weight:700; color:#fff; vertical-align:middle;}
.btn_m {display:inline-block; padding:0px 40px; height:44px; line-height:42px; background:#606060; border:1px solid #606060; font-size:16px; font-weight:700; color:#fff; text-align:center; vertical-align:middle;} /* 신청하기 */

.btn_active {background:#fff !important; border:1px solid #ffda00 !important; color:#252525 } /*  */
.btn_active_in {background:#ffda00 !important; border:1px solid #ffda00 !important; color:#333 !important; } /*  */
.btn_gray {background:#fff !important; border:1px solid #b3b3b3 !important; color:#252525 } /*  */
.btn_gray_in {background:#b3b3b3 !important; border:1px solid #b3b3b3 !important; color:#fff !important; } /*  */
.btn_red {background:#fff !important; border:1px solid #e93939 !important; color:#252525 } /*  */
.btn_red_in {background:#e20101 !important; border:1px solid #e20101 !important; color:#fff !important; } /* 마감임박 */
.btn_green {background:#fff !important; border:1px solid #76bf43 !important; color:#252525 } /* */
.btn_green_in {background:#76bf43 !important; border:1px solid #76bf43 !important; color:#fff !important; } /*  */
.btn_white_in {background:#fff !important; border:1px solid #fff !important; color:#000 } /*  */
.btn_black {background:#fff !important; border:1px solid #000 !important; color:#000 } /*  */
.btn_black_in {background:#2b2b31 !important; border:1px solid #2b2b31 !important; color:#fff } /*  */

.paging {text-align:center; position:relative; margin:0px 0 30px;}
.paging li {display:inline; cursor:pointer; /*letter-spacing:-2px;*/}
.paging li a { display:inline-block; width:22px; height:22px; line-height:20px; margin:0 2px; color: #888; border: 1px solid #888;}
.paging li.num {}
.paging li.num a {border: 0;}
.paging li.num a:hover {border: 0;}
.paging li a.on {color: #006088;}
.paging li a:hover {color: #006088; border: 1px solid #006088;}

.inp {border: 1px solid #c7c7c7; font-size: 14px; color: #000; padding: 10px 5px; box-sizing: border-box; width: 100%;}

/* 게시판 리스트 */
.board_list table {width: 100%;}
.board_list th {background: #f2f2f2; border-top: 1px solid #333; border-bottom: 1px solid #333; font-size: 15px; color: #333; font-weight: 300; padding: 17px 0;}
.board_list td {text-align: center; font-size: 15px; color: #888; padding: 15px 0; border-bottom: 1px solid #ddd;}
.board_list td.subject {text-align: left; padding-left: 20px;}
.board_list tr:last-child td {border-bottom: 1px solid #333;}
.board_list td a {color: #888;}
.board_list td span {font-size: 13px; border: 1px solid #888; color: #888; width: 58px; height: 21px; line-height: 21px; display: inline-block;}
.board_list td span.ing {border: 1px solid #df3f3f; color: #df3f3f;}
.board_btn {text-align: right; margin-top: 50px;}
a.btn01 {background: #184899; width: 83px; height: 35px; line-height: 35px; color: #fff; display: inline-block; text-align: center; border: 0; padding: 0;}
a.btn02 {background: #6f8fc5; width: 83px; height: 35px; line-height: 35px; color: #fff; display: inline-block; text-align: center; border: 0; padding: 0;}
a.btn03 {background: #999; width: 83px; height: 35px; line-height: 35px; color: #fff; display: inline-block; text-align: center; border: 0; padding: 0;}
a.btn04 {background: #184899; padding: 0 10px; height: 35px; line-height: 35px; color: #fff; display: inline-block; text-align: center; border: 0;}
a.btn05 {background: #6f8fc5; padding: 0 10px; height: 35px; line-height: 35px; color: #fff; display: inline-block; text-align: center; border: 0;}
.board_paging {margin: 40px 0 20px;}
.search {text-align: center; margin-bottom: 100px;}
.search .search_input {width: 238px; height: 33px; padding: 5px; border: 1px solid #ccc;}
.search .search_select {width: 100px; height: 45px; border: 1px solid #ccc;}
.search .search_submit {width: 58px; height: 43px; border: 1px solid #333; background: #333; color: #fff;}

/* 게시판 글쓰기 */
.board_write table {width: 100%; border-top: 1px solid #333; border-bottom: 1px solid #333;}
.board_write th {border-bottom: 1px solid #ddd; text-align: left; padding: 15px 0 15px 40px; color: #333; font-size: 15px;}
.board_write td {border-bottom: 1px solid #ddd; padding: 15px 0;}
.board_write td label {vertical-align: super; font-size: 13px; color: #999;}
.board_write tr:last-child th, .board_write tr:last-child td {border-bottom: 0;}
.write_input {width: 288px; height: 15px; padding: 5px; border: 1px solid #ccc; font-size: 13px;}
.write_input.subject {width: 95%;}
.write_input2 {width: 300px; height: 27px; padding: 0 5px; border: 1px solid #ccc; font-size: 13px;}
.write_input3 {width: 95%; padding: 5px; border: 1px solid #ccc; font-size: 13px;}
.write_btn {margin: 75px 0 200px; text-align: center;}
.write_btn .btn_submit {width: 200px; height: 50px; padding: 0;  color: #fff; background: #184899; border: 0; font-size: 17px; font-weight: bold;}
.write_btn a.btn_cancel {display: inline-block; padding: 0; width: 200px; height: 50px; line-height: 50px; color: #fff; background: #999; border: 0; font-size: 17px; font-weight: bold;}

/* 게시판 게시물보기 */
.board_view table {width: 100%;}
.board_view tr:first-child td {border-bottom: 1px solid #333; text-align: right; color: #000; font-size: 13px; padding: 10px 0;}
.board_view tr:first-child td span {padding-left: 15px;}
.board_view tr:first-child td.event_date {text-align: left;}
.board_view .subject {font-size: 25px; padding: 10px 20px; text-align: left; color: #000; border-bottom: 1px solid #ddd; font-weight: bold;}
.board_view .subject .cate {font-size :16px; color: #999;}
.board_view .subject span {font-size: 13px; border: 1px solid #888; color: #888; width: 58px; height: 21px; line-height: 21px; display: inline-block; text-align: center; vertical-align: top;}
.board_view .subject span.ing {border: 1px solid #df3f3f; color: #df3f3f;}
.board_view .file {padding: 10px 20px; border-bottom: 1px solid #ddd;}
.board_view .file p {padding: 5px 0;}
.board_view .file a {color: #666;}
.board_view .content {padding: 20px; margin-bottom: 30px; border-bottom: 1px solid #ddd; /*height: 300px;*/}
.view_btn {margin: 75px 0 100px; text-align: right;}

.header {height: 100px; position: relative; z-index: 10;}
.header .logo {padding: 20px 0; float: left;}
.header .gnb {float: right;}
.header .gnb ul {}
.header .gnb ul:after {display: block; visibility: hidden; clear: both; content: '';}
.header .gnb ul li {float: left; padding-left: 50px; position: relative;}
.header .gnb ul li:first-child {padding-left: 0;}
.header .gnb ul li > a {font-size: 22px; color: #444; font-weight: 700; line-height: 100px;}
.header .gnb ul li:hover > a, .header .gnb ul li.on > a {color: #00a9ff;}
.header .gnb ul li .snb {position: absolute; z-index: 11; width: 400px; bottom: -58px; line-height: 58px; left: -7px; display: none;}
.header .gnb ul li .snb a {font-size: 16px; color: #444; margin: 0 12px; display: inline-block;}
.header .gnb ul li .snb a:hover, .header .gnb ul li .snb a.on {color: #009eff; font-weight: 700;}
.header .gnb ul li .snb1 {width: 188px;}
.header .gnb ul li .snb2 {width: 358px;}
.header .gnb ul li .snb3 {width: 308px;}
.header .gnb ul li .snb4 {width: 274px;}
.header .gnb ul li .snb1.eng {width: 205px;}
.header .gnb ul li .snb2.eng {width: 500px;}
.header .gnb ul li .snb3.eng {width: 450px;}
.header .gnb ul li .snb4.eng {width: 430px;}
.header .gnb ul li:last-child {float: right; width: 177px;}
.header .gnb ul li:last-child.eng_lang {width: 145px;}
.header .gnb ul li dl {padding-top: 34px; position: absolute; right: 0;}
.header .gnb ul li dt {border: 1px solid #494949; font-size: 14px; color: #333; width: 127px; line-height: 34px; padding-left: 22px; background: url("../images/lang_jum.png") no-repeat 99px center; cursor: pointer;}
.header .gnb ul li dd {border: 1px solid #494949; border-top: 0; font-size: 14px; color: #333; text-align: center; line-height: 22px; display: none; background: #fff;}
.header .gnb ul li dd a {color: #333;}
.header .snb_wrap {width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 60px; background: #f8f8f8; position: absolute; bottom: -60px; z-index: 8; display: none;}

.footer {background: #373d40; height: 214px;}
.footer .cs_tel {position: absolute; width: 479px; height: 214px; color: #fff; font-size: 36px; font-weight: 700; text-align: center; right: 0; top: 0; background: #3f4549;}
.footer .cs_tel p {font-size: 24px; font-family: 'NanumSquare'; text-decoration: underline; padding: 47px 0 5px;}
.footer .f_logo {position: absolute; left: 0; top: 54px;}
.footer .copyright {font-size:14px; color: #fff; margin-left: 295px; padding-top: 35px; line-height: 1.5;}
.footer .copyright p {font-size: 12px; margin: 20px 0 25px;}

.m_visual{ position: relative;}
.m_visual ul li {text-align: center;}
.m_visual .bx-controls {width: 1200px; position: absolute; left: 50%; margin-left: -600px; top: 136px;}
.m_visual .bx-controls .bx-pager-item {display: inline-block;}
.m_visual .bx-controls .bx-pager-item .bx-pager-link {width: 10px; height: 10px; font-size: 0; background: url("../images/m_visual_off.png"); display: block; margin-right: 8px;}
.m_visual .bx-controls .bx-pager-item .bx-pager-link.active {background: url("../images/m_visual_on.png");}
.m_product {border-bottom: 1px solid #9f9f9f; padding-top: 50px;}
.m_product .roll_img {width: 600px;}
.m_product .roll_img p {font-weight: 700; color: #333; font-size: 18px; position: relative;}
.m_product .roll_img p a {position: absolute; right: 60px;}
.m_product .item-wrap img {border: 1px solid #ccc; border-radius: 3px;}
.promo-carousel {padding-bottom: 0; overflow: hidden; width: 540px; margin: 24px 0 50px;}
.promo-carousel .item-wrap {transform: translateX(0px); width: 400%; position: relative; white-space: nowrap; display: flex; }
.m_product .item {text-align: center; display: flex; flex: 1; margin: 0 7px; justify-content: center; align-items: center; }
.m_product .item a {text-decoration: none; display: flex; flex: 1; flex-direction: column; justify-content: center; align-items: center;}
.m_sc {background: #f7f7f7; padding: 50px 0;}
.m_sc .link_map ul {width: 522px;}
.m_sc .link_map ul:after {display: block; visibility: hidden; clear: both; content: '';}
.m_sc .link_map ul li {float: left; height: 210px; min-width: 174px;}
.m_sc .link_map ul li.bod {position: relative; border: 1px solid #d1d1d1; }
.m_sc .link_map ul li a {display: block; width: 100%; height: 100%; padding: 0;}
.m_sc .link_map ul li.bod a {display: block; width: 100%; height: 100%; padding: 30px 0 0 17px;}
.m_sc .link_map ul li .ctype {font-family: 'NanumSquare'; color: #333; font-size: 24px; font-weight: 700; padding-left: 3px;}
.m_sc .link_map ul li .ctype span {font-weight: 400;}
.m_sc .link_map ul li .ctype1 {font-family: 'NanumSquare'; color: #015c9e; font-size: 18px; font-weight: 700;}
.m_sc .link_map ul li .ctype2 {font-family: 'NanumSquare'; color: #422b40; font-size: 18px; font-weight: 700;}
.m_sc .link_map ul li .ctype3 {font-family: 'NanumSquare'; color: #9e6126; font-size: 18px; font-weight: 700;}
.m_sc .link_map ul li .ctype4 {color: #fff; font-size: 14px; font-weight: 700; margin-top: 10px; font-style: italic; background: #000; display: inline-block; padding: 3px 5px 3px 3px;}
.m_sc .link_map ul li.bod img {position: absolute; right: 22px; bottom: 18px;}
.m_free {width: 240px; height: 420px; float: left; border: 1px solid #d1d1d1; margin: 0 30px; padding: 0; /*background: #f7f7f7 url("../images/m_free.png") no-repeat center bottom;*/}
.m_free a {display: block; width: 100%; height: 100%; /*padding: 40px 0 0 26px;*/}
.m_free .free_sangdam {font-size: 30px; font-family: 'NanumSquare'; color: #304352;}
.m_free .free_sangdam span {font-size: 24px; color: #282624; font-weight: 900;}
.m_free .free_sangdam2 {font-size: 14px; color: #666; margin-top: 15px;}
.m_free .free_sangdam2 span {font-size: 18px; color: #4e6281; font-weight: 700;}
.m_scenter {float: left;}
.m_scenter .cs_number {background: #ececec url("../images/m_sc_icon.png") no-repeat 235px 40px; width: 377px; height: 180px; position: relative; font-size: 18px; color: #333; font-weight: 700; padding: 53px 0 0 50px;}
.m_scenter .cs_number span {display: block; font-size: 24px; color: #333; font-family: 'NanumSquare'; padding-bottom: 10px;}
.m_scenter .youtube {margin-top: 30px;}

.sub_bg {background: url("../images/sub_bg.png") no-repeat center;}
.left_wrap {float: left; width: 245px;}
.left_wrap p {font-family: 'NanumSquare'; color: #333; font-size: 30px; font-weight: 700; margin: 45px 0 40px;}
.left_wrap ul {}
.left_wrap ul li a {font-size: 20px; color: #333; line-height: 1.8; font-weight: 500;}
.left_wrap ul li.on a {color: #0089d9;}
.con_wrap {float: left; width: 955px; min-height: 800px;}
.con_wrap .location {text-align: right; margin-top: 35px;}
.con_wrap .location .location_arrow {display: inline-block; padding: 0 10px;}
.con_wrap .location .location1 {font-size: 14px; color: #a3a3a7;}
.con_wrap .location .location2 {font-size: 14px; color: #666;}
.map_wrap {margin-left: 140px; width: 815px;}
.map_wrap .location_title {margin: 50px 0; position: relative; width: 815px; height: 170px; background: #fff url("../images/location_title.png") no-repeat right;}
.map_wrap .location_title.consulting {background: #fff url("../images/consulting.png") no-repeat right;}
.map_wrap .location_title p {font-size: 30px; color: #333; position: absolute; left: 48px; top: 62px;}
.map_wrap .location_title p:before {content: ''; display: block; width: 30px; height: 3px; background: #009cff; margin-bottom: 20px;}
.map_wrap .location_table {border-top: 3px solid #009cff; width: 100%; margin: 50px 0 100px;}
.map_wrap .location_table th {background: #d9e9f8; width: 130px; color: #333; font-size: 14px; font-weight: 400; padding: 15px 0; text-align: center; border-bottom: 1px solid #6c6c6c;}
.map_wrap .location_table td {background: #fff; line-height: 1.7; color: #666; font-size: 14px; font-weight: 400; text-align: left; padding: 15px  35px; border-bottom: 1px solid #6c6c6c;}
.map_wrap .location_table.consulting_table td {padding: 10px 15px !important;}
.map_wrap .consulting_title {font-size: 26px; padding-bottom: 10px;}
.map_wrap .btn_wrap {text-align: center;}
.map_wrap .btn_wrap .btn_submit {width: 110px; height: 30px; line-height: 30px; color: #fff; background: #009cff; border: 1px solid #e8e8e9;}
.map_wrap .btn_wrap .btn_cancel {width: 110px; height: 34px; line-height: 32px; color: #333; background: #d8d8d8; border: 1px solid #e8e8e9; display: inline-block;}
.product_wrap {margin-left: 140px; margin-top: 45px;}
.product_wrap .product_title {width: 814px; height: 180px; padding: 40px 5px 0 50px;}
.product_wrap .product_title.bg1 {background: url("../images/sub0201_title.png");}
.product_wrap .product_title.bg2 {background: url("../images/sub0201_title2.png");}
.product_wrap .product_title.bg3 {background: url("../images/sub0201_title3.png");}
.product_wrap .product_title.bg4 {background: url("../images/sub0201_title4.png");}
.product_wrap .product_title.bg5 {background: url("../images/sub0201_title5.png");}
.product_wrap .product_title.bg6 {background: url("../images/sub0201_title6.png");}
.product_wrap .product_title p {color: #fff; font-size: 14px; line-height: 1.8;}
.product_wrap .product_title p b {font-size: 24px; font-weight: 700; display: block;}
.product_wrap .product_list ul {}
.product_wrap .product_list ul:after {display: block; visibility: hidden; clear: both; content: '';}
.product_wrap .product_list ul li {float: left; margin-right: 29px; width: 182px; height: 250px; margin-bottom: 30px;}
.product_wrap .product_list ul li:nth-child(4n) {margin-right: 0;}
.product_wrap .product_list ul li span {display: block;}
.product_wrap .product_list ul li span.pro_tit {font-size: 16px; font-weight: 700; color: #333; padding-top: 10px;}
.product_wrap .product_list ul li span.pro_date {font-size: 14px; color: #666; line-height: 1.5;}
.product_wrap .product_list ul li span.pro_price {font-size: 24px; color: #002e62; padding-top: 15px;}

.product_wrap .product_view {}
.product_wrap .product_view:after {display: block; visibility: hidden; clear: both; content: '';}
.product_wrap .product_view .product_img {float: left; width: 398px; height: 398px;}
.product_wrap .product_view .product_detail {float: right; width: 358px;}
.product_wrap .product_view .product_detail .product_v_title {font-size: 16px; color: #333; font-weight: 700; padding: 42px 0 20px; text-align: left;}
.product_wrap .product_view .product_detail .product_v_date {font-size: 12px; color: #888; font-weight: 700; padding: 0 0 20px; text-align: left;}
.product_wrap .product_view .product_detail .product_v_content {font-size: 12px; color: #888; padding: 0 0 31px; text-align: left;}
.product_wrap .product_view .product_detail .product_s_img:after {display: block; visibility: hidden; clear: both; content: '';}
.product_wrap .product_view .product_detail .product_s_img a {display: block; float: left; margin-right: 5px; margin-bottom: 5px;}
.product_wrap .product_view .product_detail .product_s_img a:nth-child(4n) {margin-right: 0;}

.blank_page {margin: 50px 80px; position: relative; min-height: 600px; font-size: 24px;}
#fboardlist:after {display: block; visibility: hidden; clear: both; content: '';}
#bo_gall:after {display: block; visibility: hidden; clear: both; content: '';}
.no_image {display: block; width: 182px; height: 182px; line-height: 124px; text-align: center; border: 1px solid #ccc;}
@media (min-width: 768px) {
	.promo-carousel .item-wrap {width: 200%;}
}