@charset "UTF-8";



.head_logo {position:absolute; left:0; top:50%; width: 210px; height: 48px; z-index:1; margin-top:-21px;}
.head_logo a {display: block; width: 100%; height: 100%; background: url('/images/common/head_logo.png') center center no-repeat;}
.head_sch_btn {border: 1px solid #fff; background-image: url('/images/common/sch_ico2.png');}
.head_sch_btn:hover {background-color: #fff; background-image: url('/images/common/sch_ico.png');}

.sitemap_btn {border-color:#fff;}
.sitemap_btn .sitemap_btn_top {background-color: #fff;}
.sitemap_btn .sitemap_btn_mid {background-color: #fff;}
.sitemap_btn .sitemap_btn_bottom {background-color: #fff;}
.sitemap_btn:hover .sitemap_btn_top {background-color: #000;}
.sitemap_btn:hover .sitemap_btn_mid {background-color: #000;}
.sitemap_btn:hover .sitemap_btn_bottom {background-color: #000;}

.header.scrolled .head_logo a {background: url('/images/common/head_logo2.png') center center no-repeat;}
.header.scrolled .gnb > li > a {color: #000}
.header.scrolled .head_sch_btn {border-color: #000; background-image: url('/images/common/sch_ico.png');}
.header.scrolled .sitemap_btn {border-color: #000;}
.header.scrolled .sitemap_btn_top {background-color: #000;}   
.header.scrolled .sitemap_btn_mid {background-color: #000;}   
.header.scrolled .sitemap_btn_bottom {background-color: #000;}

.gnb_header.on {background-color: #fff;}
.gnb_header.on .gnb > li > a {color: #000;}
.gnb_header.on .head_sch_btn {border-color: #000; background-image: url('/images/common/sch_ico.png');}
.gnb_header.on .head_logo a {background: url('/images/common/head_logo2.png') center center no-repeat;}
.gnb_header.on .sitemap_btn {border-color:#000;}
.gnb_header.on .sitemap_btn_top {background-color: #000;}
.gnb_header.on .sitemap_btn_mid {background-color: #000;}
.gnb_header.on .sitemap_btn_bottom {background-color: #000;}

/* sub_common */
.sub_each {margin-bottom:60px;}
.sub_each:last-of-type {margin-bottom:0;}
.sub_tit1 {position:relative; margin-bottom:30px; padding-bottom:10px; color:#333; font-size:1.53em; font-weight:500;}
.sub_tit1:after {content:''; display:block; position:absolute; left:0; bottom:0; width:60px; height:2px; background-color:#4d8cd3;}
.sub_tit2 {float: none; padding-left: 30px; margin-bottom:10px; background: url('/images/sub/sub_tit2_ico.png') left center no-repeat; font-size: 1.056em; font-weight: 700;}
.sub_tit2.fl_l {float: left;}
.sub_tit3 {margin-bottom: 10px; color: #003595; font-weight: 700;}
/* sub_layout */
.sub_con {min-height: 900px; padding-bottom:60px;}

/* sub_top */
.sub_top {position: relative;}
.sub_top .sub_top_bg {position: absolute; left: 0; top: -120px; width: 100%; height: 380px; background: url('/images/sub/sub_top_img1.jpg') center center no-repeat;}
.sub_top .sub_top_bg.bg1 {background-image: url('/images/sub/sub_top_img1.jpg');}
.sub_top .sub_top_bg.bg2 {background-image: url('/images/sub/sub_top_img2.jpg');}
.sub_top .sub_top_bg.bg3 {background-image: url('/images/sub/sub_top_img3.jpg');}
.sub_top .sub_top_bg.bg4 {background-image: url('/images/sub/sub_top_img4.jpg');}
.sub_top .sub_top_bg.bg5 {background-image: url('/images/sub/sub_top_img5.jpg');}
.sub_top .sub_top_bg.bg6 {background-image: url('/images/sub/sub_top_img6.jpg');}
.sub_top_tit {position: relative; height: 190px ; padding-top: 80px; font-size:2.556em; line-height: 68px; font-weight:700; color: #fff; text-align:center; z-index: 2;}
.sub_top_gnb .sub_top_list {display: table; width: 100%; table-layout: fixed;}
.sub_top_gnb .sub_top_list a {display: table-cell; height: 70px; background-color: rgba(0, 0, 0, 0.5); text-align: center; vertical-align: middle;}
.sub_top_gnb .sub_top_list a p {display: block; color: #fff; font-size: 0.889em; text-align: center;}
.sub_top_gnb .sub_top_list a:hover , .sub_top_gnb .sub_top_list a.on {background-color: #e32c51; }
	

.sub_top_bottom {height: 200px;}

/* bread_box */
.bread_box  {position: relative; margin-bottom: 20px; padding-top: 25px;}
.bread_box .container {z-index: 10;}
.breadcrumb {float: left;}
.breadcrumb > li {position: relative; float: left; margin-right: 30px; font-size: 15px; color: #a2a2a2;}
.breadcrumb > li:after {content: ''; position: absolute; right: -18px; top:50%; width: 7px; height: 18px; margin-top: -10px; background: url('/images/sub/sub_top_gnb_arr.png') center center no-repeat;}
.breadcrumb > li.home {font-weight: 500; color: #000;}
.breadcrumb > li:last-child:after  {display: none;}
.bread_box .btn_list {float: right;}
.bread_box .btn_list > li {position: relative; float: left; margin-left: 5px; padding: 0 5px;}
.bread_box .btn_list > li > a {display: block; width: 45px; height: 45px; line-height: 37px; border: 1px solid #dedede; 
    border-radius: 50%; text-align: center; color: #555; font-size: 18px;}
.bread_box .btn_list > li > a img {vertical-align: middle;}
.sub_share_box {display: none; position: absolute; right: 0px; top: 50px; width: 50px; margin-top: 10px; padding: 10px 0; border: 1px solid #dedede; background-color: #fff;}
.sub_share_box li {}
.sub_share_box li:first-child {margin-left: 0;}
.sub_share_box li a {display: block; width: 30px; height: 30px; line-height: 30px; background-color: #3b5998; margin: 0 auto 3px; border-radius: 50%; color: #fff; font-size:17px; text-align: center;}
.sub_share_box li.twitter a {background-color: #55acee;}
.sub_share_box li.kakaostory a {background-color: #fccb00;}
.sub_share_box li.googleplus a {background-color: #da4835;}
.sub_share_box li.instar a {background:url('/images/sub/insta_bg.png') center center no-repeat}


.depth2_tit {}
.depth2_tit h1 {font-size: 2.375em; line-height: 59px; font-weight: 400; color: #000; text-align: center;}





/* content */
/* 교육신청-전체 */
.all_wrap {position: relative;}
.all_wrap .sub_sch_box {position: relative; z-index: 1; margin-bottom: 40px; padding: 15px 20px; background-color: #fff;border: 1px solid #e7e7e7;border-radius: 0; font-size: 0.889em;}
.all_wrap .sub_sch_box select {width: 100%; height: 40px; border: 1px solid #e7e7e7; color: #666; cursor: pointer;border-radius: 0;}
.all_wrap .sub_sch_box .input_box.date input {width: 46%; padding: 0 15px; padding-right: 32px; background: #fff url(/images/basic/cal_sch_ico.jpg) right 3px center no-repeat;border: 1px solid #e7e7e7;
    font-size: 13px;cursor: pointer;border-radius: 0;}
.all_wrap .sub_sch_box .input_box.class_name input {width: 100%;height: 40px;padding: 0 15px;border: 1px solid #e7e7e7; border-radius: 0;color: #555;}
.all_wrap .sub_sch_box .row .search_btn {text-align: center; transition: all 0.3s; display: block; background: #909194; color: #fff; height: 40px; line-height: 40px;}
.all_wrap .sub_sch_box .row .search_btn:hover {background: #363a48; transition: all 0.3s;} 
.all_wrap .basic_table {border-top: 2px solid #00689e;}
.all_wrap .basic_table th {background-color: #f6f6f6; color: #3c3c3c; font-size: 0.938em;}
.all_wrap .basic_table td {color: #545454; font-size: 0.938em;}
.all_wrap .basic_table th, .all_wrap .basic_table td {text-align: center;padding: 13px 5px;border-left: 1px solid #d5d5d5;}
.all_wrap .basic_table th:first-child, .all_wrap .basic_table td:first-child {padding: 13px 10px;border-left: none;}
.all_wrap .basic_table th.month, .all_wrap .basic_table td.month {padding: 13px 0;border-left: 1px solid #d5d5d5;}
.all_wrap .basic_table td.month img {margin-top: 3px;}
.all_wrap .year_slt_box p {font-size: 0.938em; color: #545454;}
.all_wrap .sub_tit_box {position: relative; top: 0; left: 0;}
.all_wrap .sub_tit_box .year_slt_box {position: absolute; top: -4px; left: 150px; min-width:80%;}
.all_wrap .sub_tit_box .year_slt_box .year_box {float: left; margin-right: 13px; color: #666; padding-left: 15px;width: 100px; height: 35px; border: 1px solid #d5d5d5;}
.all_wrap .sub_tit_box .year_slt_box p {line-height: 33px;}
.all_wrap .basic_table td.month {position: relative;}
.all_wrap .basic_table td.month .date_info {position: absolute; bottom: -15px; left: 50%; margin-left: -70px; background: #00689e; color: #fff; border-radius: 25px; font-size: 0.813em; height: 23px; width: 140px; line-height: 23px;}
.all_wrap .basic_table td.month .date_info:after {display: block; content:""; position: absolute; top: -4.5px; left: 50%; margin-left: -5px; width: 9px; height: 5px; background: url('/images/sub/tri_ico.png') no-repeat center center;}
.all_wrap .date_info {display: none;}
.edu_list_table td {font-size: 0.875em !important;}
.go_view_btn {display: block; font-size: 0.813em;}
.edu_wrap .sub_sch_box .input_box.date input {width: 46%; max-width: 200px; padding: 0 15px; padding-right: 32px; background: #fff url(/images/basic/cal_sch_ico.jpg) right 3px center no-repeat;border: 1px solid #e7e7e7;
    font-size: 13px;cursor: pointer;border-radius: 0;}
.all_wrap  .board_list {border-top: 2px solid #00689e;}

.edu_list_table td.state span {display: inline-block; padding: 5px 15px;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color: #fff; font-size: 0.867em; vertical-align: text-top; font-weight: 400;}
.edu_list_table td.state1 span {background-color: #e32c51;}
.edu_list_table td.state2 span {background-color: #acacac;}
.edu_list_table td.state3 span {background-color: #2c8ce3;}
.edu_list_table td.state4 span {background-color: #003595;}
.edu_list_table td.state5 span {background-color: #262626;}


/*  교육안내 상세페이지 */
.edu_view_wrap .sub_tit.fw_medium {font-weight: 500;}
.edu_view_wrap .board_write th {font-weight: 500;}
.edu_view_wrap .board_write td {color: #545454; font-weight: 350;}
.edu_view_wrap .board_write td .fc_red {font-weight: 400;}
.edu_view_wrap .board_write .state {display: inline-block; padding: 5px 15px; margin-top: -2px; margin-right: 6px; background-color: #e41212; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color: #fff; font-size: 0.867em; vertical-align: text-top; font-weight: 400;}
.edu_view_wrap .board_write .state1 {background-color: #e32c51;}
.edu_view_wrap .board_write .state2 {background-color: #acacac;}
.edu_view_wrap .board_write .state3 {background-color: #2c8ce3;}
.edu_view_wrap .board_write .state4 {background-color: #003595;}
.edu_view_wrap .board_write .state5 {background-color: #262626;}

.edu_view_wrap .common_btn.blue {width: 120px; height: 45px; line-height: 45px; padding: 0;background-color:#123357; border: 0; color: #fff; font-size:  0.889em; transition: all 0.3s;}
.edu_view_wrap .common_btn.red {width: 120px; height: 45px; line-height: 45px; padding: 0;background-color:#e41212; border: 0; color: #fff; font-size:  0.889em; transition: all 0.3s;}
.edu_view_wrap .common_btn.redover {width: 120px; height: 45px; line-height: 45px; padding: 0;background-color:#e41212; border: 0; color: #fff; font-size:  0.889em; transition: all 0.3s;}
.edu_view_wrap .common_btn.redover:hover, .edu_view_wrap .common_btn.redover:focus {background-color:#c51111; transition: all 0.3s;}

.edu_view_wrap .common_btn.gray {width: 120px; height: 45px; line-height: 45px; padding: 0; background-color:#727272; border: 0; color: #fff; font-size:  0.889em;}
.edu_view_wrap .common_btn.grayover {width: 120px; height: 45px; line-height: 45px; padding: 0; background-color:#727272; border: 0; color: #fff; font-size:  0.889em;}
.edu_view_wrap .common_btn.grayover:hover, .common_btn.grayover:focus {background-color:#4e4e4e;}
.edu_view_wrap .btn_wrap2 {padding-top: 50px;}
.edu_view_wrap .btn_wrap2 .common_btn {margin-left: 5px;}
.edu_view_wrap .btn_wrap2 .common_btn:first-child {margin-left: 0;}
.edu_view_wrap .basic_table {border-top: 2px solid #00689e;}
.edu_view_wrap .basic_table thead th {background-color: #f6f6f6; font-weight: 500;}
.edu_view_wrap .basic_table th, .basic_table td {border-color: #d8d8d8;}
.edu_view_wrap .basic_table td {font-weight: 350;}
.apply_wrap .apply_each {margin-bottom: 60px;}
#textarea_box {border: 1px solid #d8d8d8;}
#textarea_box::placeholder {color: #555; font-size: 0.938em;}
.edu_view_wrap .edu_div {font-weight: 500; color: #00689e; margin-right: 3px; vertical-align: baseline;}
.edu_regist_wrap .edu_div {font-weight: 500; color: #00689e; margin-right: 3px; vertical-align: baseline;}
.online_wrap .edu_div {font-weight: 500; color: #00689e; margin-right: 3px; vertical-align: baseline;}
.manage_wrap .edu_div {font-weight: 500; color: #00689e; margin-right: 3px; vertical-align: baseline;}
.mypick_wrap .edu_div {font-weight: 500; color: #00689e; margin-right: 3px; vertical-align: baseline;}

.online_regist_wrap .radio_each .vradio {top: 4px;}


.place_map {overflow: hidden;}
.place_map span {float: left; display: block; width: 100%; max-width: 300px;}
.map_btn {float: left; display: block; width: 80px; padding: 0 10px; background-color: #727272; color: #fff; text-align: center;}


/* 교육신청 완료 */
.venture_apply_wrap {}
.complete_top_box {padding: 78px 0; border-top: 4px solid #333333; border-bottom: 1px solid #d2d2d2; background: #f1f1f1; text-align: center;}
.complete_top_box .img_box {margin-bottom: 50px;}
.complete_top_box .txt_box .tit {margin-bottom: 20px; font-size:1.778em; color: #333333; text-align: center; font-weight: 700;}
.complete_top_box .txt_box .txt {margin-bottom: 40px; font-size: 1.111em; color: #ff7c00;}
.complete_top_box .txt_box .common_btn {min-width: 350px; height: 60px; line-height: 58px; background-color: #250188; border: 1px solid #250188; color: #fff;}
.complete_top_box .complete_box {display: table; width: 100%; margin: 0 auto; table-layout: fixed; vertical-align: middle;}
.complete_top_box .complete_box .left {display: table-cell; width: 50%; vertical-align: middle;}
.complete_top_box .complete_box .left .img_wrap img {margin-bottom: 0;}
.complete_top_box .complete_box .right {display: table-cell; width: 50%; text-align: left; vertical-align: middle;}
.complete_top_box .complete_box .right .tit {position: relative; margin-bottom: 20px; font-size:1.778em; color: #333333; font-weight: 700;}
.complete_top_box .complete_box .right .tit:after {content: ''; position: absolute; left: 0; bottom: -25px; width: 45px; height: 1px; background-color: #000; }
.complete_top_box .complete_box .right .txt {margin-top: 40px; margin-bottom: 40px; font-weight: 400; font-size: 1.111em; color: #333333;}
.complete_top_box .complete_box .right .txt em {font-weight: 700;}

.complete_sub_txt {margin-top: 20px; text-align: center;font-weight: 500;}
.complete_sub_txt span {color: #e32c51;}
.complete_btn {text-align: center;}
.complete_btn .common_btn {height: 60px; padding: 0 20px; line-height: 60px;}

.bg_box {padding: 20px 30px; background-color: #f7f7f7;}
.my_edu.my_edu1 p {margin-top: 3px; font-weight: 700;}
/* 
my_edu_btn1 = 수강포기
my_edu_btn2 = 출력(신청서)
my_edu_btn3 = 설문조사
my_edu_btn4 = 출력(수료증)
 */
.my_edu_btn {display: block; padding: 0 5px; background: #ddd; border: 1px solid #ddd; color: #fff;}
.my_edu_btn:hover {background-color: #fff; color: #ddd;}
.my_edu_btn1 {background-color: #f1963c; border-color: #f1963c;}
.my_edu_btn1:hover {background-color: #fff; color: #f1963c;}
.my_edu_btn2,.my_edu_btn4 {background-color: #003595; border-color: #003595;}
.my_edu_btn2:hover,.my_edu_btn4:hover {background-color: #fff; color: #003595;}
.my_edu_btn3 {background-color: #00b3b5; border-color: #00b3b5;}
.my_edu_btn3:hover {background-color: #fff; color: #00b3b5;}


.popup_layer {display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 9999;}
.popup_layer.on {display: block;}
.popup_layer .cont_layer {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%); padding: 20px; background-color: #fff; z-index: 2;}
.popup_layer .popup_bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.46);}
.popup_layer .cont_layer .pop_box {width: 400px;}
.popup_layer .cont_layer .pop_box .tit_box {position: relative; height: 60px; line-height: 60px;}
.popup_layer .cont_layer .pop_box .tit_box h1 {text-align: center; font-size: 1.111em;}
.popup_layer .cont_layer .pop_box .tit_box .popup_close {position: absolute; right: 0; top: 0; font-size: 20px;}
.popup_layer .cont_layer .pop_box .input_box {margin-bottom: 10px; padding: 15px 0; border-top: 1px solid #000; background: #f5f5f5;}
.popup_layer .cont_layer .pop_box .input_box .box {display: table; width: 100%; margin-bottom: 10px; padding: 0 10px;     table-layout: fixed;}
.popup_layer .cont_layer .pop_box .input_box .box:nth-child(2) {margin-bottom: 0;}
.popup_layer .cont_layer .pop_box .input_box .box label {display: table-cell; width: 100px; vertical-align: middle;}
.popup_layer .cont_layer .pop_box .input_box .box select ,.popup_layer .cont_layer .pop_box .input_box .box input {display: table-cell; width: 280px; height: 35px; line-height: 35px; border: 1px solid #dedeed;}

.question_layer {display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 9999;}
.question_layer.on {display: block;}
.question_layer .cont_layer {position: absolute; left: 50%; top: 50%; width: 90%; max-width: 700px; height: 90%; max-height: 900px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%); padding: 20px; padding-bottom: 80px; background-color: #fff; z-index: 2;}
.question_layer .cont_layer td {padding: 5px 5px;}
.question_layer .cont_layer .border_box {position: relative; margin-bottom: 30px; border: 1px solid #dedede; padding: 15px 10px}
.question_layer .cont_layer .border_box h1 {font-size: 1.2em;}
.question_layer .cont_layer > .box {  height: 100%; overflow-y: scroll;   }
.question_layer .cont_layer .border_box p.sort {position: absolute; right: 20px; top:50%; margin-top: -15px; color: #e32c51;}
.question_layer .cont_layer .btn_wrap {position: absolute; bottom: 5px; left: 0; width: 100%; height: 50px; padding: 0 20px;}
.question_layer .popup_bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; ; background-color: rgba(0, 0, 0, 0.46);}
.question_layer .radio_list {text-align: center;}
.question_layer input {width: 100%; height: 30px; line-height: 30px; border: 1px solid #dedede;}

/* education_year */
.education_year_wrap .year_slt_box {min-width:80%; margin-bottom: 20px;}
.education_year_wrap .year_slt_box > div {float: left;}
.education_year_wrap .year_slt_box > div p {float: left; height: 35px; line-height: 35px; margin-right: 10px;}
.education_year_wrap .year_slt_box > div .year_box {float: left; margin-right: 13px; color: #666; padding-left: 15px;width: 100px; height: 35px; border: 1px solid #d5d5d5;}
.education_year_wrap .year_slt_box > p {float: right; line-height: 33px;}
.education_year_wrap .basic_table {border-top: 2px solid #00689e;}




/* installation */
.installation_top {margin-bottom: 30px;}
.installation_top .border_box {display: table; width: 100%; padding: 35px 20px; border: 1px solid #dedede;}
.installation_top .border_box .left {display: table-cell; width: 205px; vertical-align: middle; text-align: center;}
.installation_top .border_box .right {display: table-cell; vertical-align: middle;}
.installation_top .border_box .right h1 {margin-bottom: 15px; color: #212020; font-size: 1.056em; font-weight: 500;}
.installation_top .border_box .right p {color: #212020;}
.installation_top .border_box .right p em {color: #e32c51;}


.installation_slide_wrap {overflow: hidden;}
.slide_wrap_top {display: table; width: 100%; margin-bottom: 20px; background-color: #f6f6f6;  table-layout: fixed; overflow: hidden;}
.slide_wrap_top #installation_slide {display: table-cell; width: calc(100% - 280px);}
.slide_wrap_top #installation_slide .item .img_box {position: relative; z-index: 1; overflow: hidden; text-align: center; padding-bottom: 60%;}
.slide_wrap_top #installation_slide .item .img_box .inner_box {position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; font-size: 0;}
.slide_wrap_top #installation_slide .item .img_box .inner_box img {display: inline-block; width: 100%; height: auto; vertical-align: middle;}
.slide_wrap_top #installation_slide .slick-prev,.slide_wrap_top #installation_slide .slick-next {width: 30px; height: 56px; background: url('/images/sub/installation_left.png') center center no-repeat; z-index: 1;}
.slide_wrap_top #installation_slide .slick-prev {left: 40px;}
.slide_wrap_top #installation_slide .slick-next {right: 40px; background-image: url('/images/sub/installation_right.png');}
.slick-prev:before, .slick-next:before {display: none;}
.slide_wrap_top .installation_list {position: relative; display: table-cell; width: 280px; border: 1px solid #dedede; border-top: 1px solid #e32c51; vertical-align: top;}
.slide_wrap_top .installation_list .tit_box {position: absolute; top: 0;left: 0; width: 100%; height: 80px; line-height: 80px; padding-left: 35px; background-color: #e32c51; border: 1px solid #e32c51;}
.slide_wrap_top .installation_list .tit_box p {color: #fff; font-size: 1.333em;font-weight: 500;}
.slide_wrap_top .installation_list .list_tit {width: 100%; height: 100%; padding-top: 105px; padding-left: 35px;}
.slide_wrap_top .installation_list .list_tit a {position: relative; display: block; margin-bottom: 15px; padding-left: 45px;}
.slide_wrap_top .installation_list .list_tit a em {position: absolute; left: 0; top: 0; width: 30px; height: 30px; text-align: center; color: #fff; background-color: #e32c51; border-radius: 50%;}
.slide_wrap_top .installation_list .list_tit a.on p {color: #e32c51;}

.item_txt {padding: 0px 0 0px 20px;}


/* installation info */
.installation_info_wrap .instal_box_wrap {overflow: hidden;}
.installation_info_wrap .instal_box_wrap .box {float: left; width: 19%; margin-right: 1.2%; padding: 35px 0; border: 1px solid #000; text-align: center;}
.installation_info_wrap .instal_box_wrap .box1 {background-color: #e32c51; border-color: #e32c51; color: #fff;}
.installation_info_wrap .instal_box_wrap .box5 {background-color: #434343; border-color: #434343; color: #fff;}
.installation_info_wrap .instal_box_wrap .box:last-child {margin-right: 0;}
.installation_info_wrap .instal_box_wrap .box .num {position: relative; margin-bottom: 15px;}
.installation_info_wrap .instal_box_wrap .box .num:before {content: ''; position: absolute; top:-4px; left: 50%; width: 20px; height: 2px; margin-left: -10px; background-color: #000;}
.installation_info_wrap .instal_box_wrap .box1 .num:before {background-color: #fff;}
.installation_info_wrap .instal_box_wrap .box5 .num:before {background-color: #fff;}
.installation_info_wrap .instal_box_wrap .box .tit {height: 2.5em; margin-bottom: 20px; padding: 0 10px; font-size: 1.111em; word-break:keep-all;}
.installation_info_wrap .instal_box_wrap .box .img_wrap {}


.col_box_wrap {overflow: hidden; padding-left: 20px;}
.col2_box_wrap .col {float: left; width: 50%; height: 40px; line-height: 40px; margin-bottom: 10px;}
.col_box_wrap .col .left {float: left; width: 40px; height: 40px; margin-right: 10px; background-color: #003595; color: #fff; border-radius: 50%; line-height: 40px; text-align: center;}
.col_box_wrap .col span:nth-child(2) {float: left; color: #003595; font-weight: 700; margin-right: 3px;}
.col_box_wrap .col span:nth-child(3) {float: left;}

.col_box_wrap {overflow: hidden; padding-left: 20px;}
.col3_box_wrap .col {float: left; width: 33.33%; height: 40px; line-height: 40px; margin-bottom: 10px;}
.col_box_wrap .col .left {float: left; width: 40px; height: 40px; margin-right: 10px; background-color: #003595; color: #fff; border-radius: 50%; line-height: 40px; text-align: center;}
.col_box_wrap .col span:nth-child(2) {float: left; color: #003595; font-weight: 700; margin-right: 3px;}
.col_box_wrap .col span:nth-child(3) {float: left;}


/* greet_wrap */
.greet_wrap {overflow: hidden;}
.greet_wrap .left_box {float: left; width: 58%;}
.greet_wrap .left_box .tit_box {margin-bottom: 50px; padding-top: 30px;}
.greet_wrap .left_box .tit_box h1 {position: relative; padding-left: 20px; font-size: 1.667em; font-weight: 700;}
.greet_wrap .left_box .tit_box h1 em {color: #e74868;}
.greet_wrap .left_box .tit_box h1 span.img_01 {position: absolute; top: -25px; left: 0;}
.greet_wrap .left_box .tit_box h1 span.img_02 {position: relative; bottom: -25px; right: -15px;}
.greet_wrap .left_box .txt_box {padding-left: 15px;}
.greet_wrap .left_box .txt_box p {margin-bottom: 30px; word-break:keep-all;}
.greet_wrap .left_box {}
.greet_wrap .right_box {float: right; width: 42%; }
.greet_wrap .right_box .img_wrap {padding: 40px 0 80px;}
.greet_wrap .right_box p {font-weight: 700;}

/* info_wrap */
.info_wrap {}
.info_wrap .top_box {margin-bottom: 10px;}
.info_wrap .top_box img {position: relative; left: 30px;}
.info_wrap .top_box span {display: block; width: 6px; height: 45px; background-color: #ebebeb; margin: 0 auto}
.info_wrap .vision_box {width: 100%; max-width: 830px; margin: 0 auto 80px; padding: 0 18px; min-height: 100px; background-image:url('/images/sub/info_img2.png'), url('/images/sub/info_img3.png'); background-position:left center ,right center; background-repeat:no-repeat;}
.info_wrap .vision_box h1{margin-bottom: 10px; font-weight: 700; font-size: 1.556em; line-height: 1.2; text-align: center;}
.info_wrap .vision_box p {text-align: center;}
.info_wrap .vision_box2 {position: relative; margin-bottom: 0; background-image:url('/images/sub/info_img4.png'), url('/images/sub/info_img5.png'); background-position:left center ,right center; background-repeat:no-repeat;}
.info_wrap .vision_box2:after {content: ''; display: block; position: absolute; left: 50%; top:-45px; width: 136px; height: 50px; margin-left: -68px; background: url('/images/sub/info_img_arr.png') center center no-repeat;}

.info_wrap .vision_box2 .box {float: left; width: 33.33% ;}
.col5_box {position: relative; padding-top: 110px; }
.col5_box:before {content: ''; position: absolute; display: block; top: 50px; left: 50%; width: 80%; height: 5px; margin-left: -40%; background-color: #ebebeb;}
.col5_box .box {position: relative; float: left; width: 19.5%; margin-right: 0.5%; padding: 35px 0; text-align: center; border: 1px solid #e32c51;}
.col5_box .box:after {content: ''; position: absolute; display: block; top: -61px; left: 50%; width: 5px; height: 30px; background-color: #ebebeb;}
.col5_box .box:before {content: ''; position: absolute; display: block; top: -25px; left: 50%; width: 12px; height: 12px; margin-left: -4px; background-color: #e32c51; border-radius: 50%;}
.col5_box .box:nth-child(3):after {height: 50px; top: -80px;}
.col5_box .box:last-child {margin-right: 0;}
.col5_box .box .img_wrap  {height: 65px; margin-bottom: 20px;}
.col5_box .box p {height: 55px;}





/* history basic */
.history_box {padding-bottom:80px; background:url('/images/sub/his_line.jpg') center 0 repeat-y;}
.history_box .img_box {margin-bottom:50px; text-align:center;}
.his_row {max-width:700px; margin:0 auto 70px;}
.his_row:last-child {margin-bottom:0;}
.his_row .his_lr {position:relative; z-index:1; float:left; width:50%; padding-top:40px;}
.his_row:nth-child(odd) .his_lr {padding-right:20px;}
.his_row:nth-child(even) .his_lr {float:right; padding-left:20px;}
.his_row .year {position:absolute; top:-21px; z-index:1; width:100px; font-size:2em; background-color:#FFF; color:#e32c51; font-weight:700; text-align:center;}
.his_row:nth-child(odd) .his_lr .year {right:2px;}
.his_row:nth-child(even) .his_lr .year {left:2px;}
.his_row .year:after {content:""; display:block; position:absolute; top:50%; z-index:1; width:14px; height:14px; margin-top:-6px; background-color:#e32c51; border-radius:7px;}
.his_row:nth-child(odd) .his_lr .year:after {right:-9px;}
.his_row:nth-child(even) .his_lr .year:after {left:-9px;}
.his_month_box {display:table; width:100%; margin-bottom:20px; border-collapse:collapse; table-layout:fixed; font-size:1.13em;}
.his_month_box:last-child {margin-bottom:0;}
.his_month_box .month {display:table-cell; width:55px; color:#e32c51; font-weight:700;}
.his_month_box .list {display:table-cell; padding-left:5px;}
.his_month_box .list li {margin-bottom:5px; padding-left:12px; background:url('/images/bull/bull_square_blue.jpg') 0 9px no-repeat;}
.his_month_box .list li:last-child {margin-bottom:0;}
.his_row .add_img_box {float:left; width:50%; padding-top:40px; text-align:center;}





/* tab_style */
.tab_style {position: relative; height: 61px; margin-bottom: 40px; padding-bottom: 1px; border-bottom: 1px solid #e32c51;}
.tab_style .tab {position: relative; float: left; display: block; width: 33.33%; height: 60px; line-height: 60px; background-color: #f9f9f9; border: 1px solid #dedede; border-left: none; z-index: 2; border-bottom: none; text-align: center; font-size: 1.056em;}
.tab_style .tab:nth-child(1) {border-left: 1px solid #dedede;}
.tab_style .tab p {position: relative;}
.tab_style .tab.on {border: 1px solid #e32c51; border-bottom: none;	 background-color: #fff; color: #e32c51; font-weight: 500;}
.tab_style .tab.on:after {content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #fff; }
.tab_style .tab.on p {position: relative; }
.tab_style .tab.on p:after {content: ''; position: absolute; display: block; bottom: 2px; left: 50%; width: 12px; height: 7px; margin-left: -6px; background: url('/images/sub/tab_arr.png') center center no-repeat;}


/* contact basic */
.map_box {width:100% !important; margin-bottom:50px !important;}
.map_info_box {display:table; width:100%; border-collapse:collapse; table-layout:fixed;}
.map_info_box .left {display:table-cell; width:32%; padding-right:25px; vertical-align:top;}
.map_info_box .left .tit {margin-bottom:15px; color:#e32c51; font-size:1.056em; font-weight:500;}
.map_info_box .left .address {margin-bottom:20px; font-size:1.056em;}
.map_info_box .contact_list {}
.map_info_box .contact_list li {display:table; width:100%; margin-bottom:5px; border-collapse:collapse; table-layout:fixed;}
.map_info_box .contact_list li:last-child {margin-bottom:0;}
.map_info_box .contact_list .label {display:table-cell; width:65px; color:#e32c51; font-size:1.06em; vertical-align:top;}
.map_info_box .contact_list .label i {position:relative; top:1px;}
.map_info_box .contact_list .num {display:table-cell; padding-top:1px; vertical-align:top;}
.map_info_box .right {display:table-cell; padding-left:25px; border-left:1px solid #e7e7e7; vertical-align:top;}
.transport_list > li {margin-bottom:20px; padding-left:27px; background:url('/images/sub/car_ico.png') 0 2px no-repeat; background-size:18px; 
transition:all 0.3s; animation:transport_ani1 0.8s ease;}
.trasnport_list > li:last-child {margin-bottom:0;}
.transport_list > li.bus {background:url('/images/sub/bus_ico.png') 0 0 no-repeat; background-size:16px; animation:transport_ani2 0.8s ease;}
.transport_list > li.train {background:url('/images/sub/train_ico.png') 0 0 no-repeat; background-size:16px; animation:transport_ani3 0.8s ease;}
.transport_tit {margin-bottom:15px; font-size:1.06em;}
.troot_list li {margin-bottom:8px;}
.troot_list li:last-child {margin-bottom:0;}
.troot_list .label {color:#e32c51;}
.troot_list .txt {display:inline-block;}
.map_info_box.one .left {width:100%; padding-right:0;}

@keyframes transport_ani1{
	0% {background-size:2px;}
	90% {background-size:23px;}
	100% {background-size:18px;}
}

@keyframes transport_ani2{
	0% {background-size:2px;}
	90% {background-size:21px;}
	100% {background-size:16px;}
}

@keyframes transport_ani3{
	0% {background-size:2px;}
	90% {background-size:21px;}
	100% {background-size:16px;}
}


/* private_wrap */

.private_wrap .tit {position:relative;margin-bottom:38px; padding-top:25px;border-bottom:#ccc solid 1px;}
.private_wrap .tit h3 {padding-bottom:10px;font-weight:bold; margin-right:20px;}
.private_wrap .tit p {font-size:; margin-top:10px; padding-bottom:10px;}
.private_wrap .tit div.tit_txt{padding-bottom:27px;}
.private_wrap .tit div.tit_txt p{display:block;line-height:19px;}
.private_wrap .con_area .profile_box .profile ul li.ls4 strong{letter-spacing:20px;padding-right:1px;}
.private_wrap .con_area .profile_box .profile ul li.ls5 strong{letter-spacing:6px;padding-right:16px;}
.private_wrap .con_area .profile_box .profile ul li.ls6 strong{letter-spacing:2px;padding-right:16px;}
.private_wrap .con_area .tbl_4{margin:20px 0 40px;}
.private_wrap .con_area .tbl_4 th, .sub2 .con_area .tbl_4 td{border-left:1px solid #d9d9d9;text-align:center; border-bottom:1px solid #d9d9d9;}
.private_wrap .con_area .tbl_4 th:first-child, .sub2 .con_area .tbl_4 td:first-child{border-left:0;}
.private_wrap .con_area .tbl_4 tbl_4 td:first-child{border-left:0;text-align:left;}
.private_wrap .con_area .tbl_4 th{padding:12px 0;font-size:13px;color:#333;background:#f7f7f7;}
.private_wrap .con_area .tbl_4 tbody th{border-bottom:1px solid #d9d9d9;}
.private_wrap .con_area .tbl_4 td{padding:8px 0;color:#666;border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
.private_wrap .con_area .tbl_4 td.align_left{text-align:left;}
.private_wrap .con_area .tbl_4 td.bno{border-right:0;}
.private_wrap .con_area .tbl_4 td p.list_tit{padding-left:15px;font-weight:bold;}
.private_wrap .con_area .tbl_4 td ul{padding:5px 0 15px;}
.private_wrap .con_area .tbl_4 td ul li{padding-left:30px;background:url('../image/bg_bull4.gif') 20px 5px no-repeat;}
.private_wrap .con_area .tbl_4 td.line{border-left:1px solid #d9d9d9;}


.private_wrap .div_parabox_t1 {border:#e7e7e7 solid 1px; background-color:#f8f8f8; padding:15px; margin-top:15px;}
.private_wrap .div_parabox_t1 dl > dt {color:#e0243c; font-weight:bold;}
.private_wrap .div_parabox_t1 dl > dd {margin-top:5px; margin-bottom:25px;}
.private_wrap .div_parabox_t1 dl > dd:last-of-type {margin-bottom:0px;}
.private_wrap .div_parabox_t1 p{line-height:20px;}/* 20140806 수경5 */
.private_wrap .div_parabox_t1 p.space_top{padding-bottom:20px;}/* 20140806 수경6 */
.private_wrap .div_parabox_t2 {text-align:center;}
.private_wrap .div_parabox_t2 p.para_t1 {font-size:24px; font-weight:bold;}
.private_wrap .div_parabox_t2 p.para_t1 strong {color:#df233b;}
.private_wrap .div_parabox_t2 p.para_t2 {font-size:13px; font-weight:bold;margin:5px 0px 40px 0px;}
.private_wrap .div_parabox_t2 p.para_t3 {color:#666666; margin-top:20px;}

.private_wrap .con_area .piece_box{padding:60px 0 60px 110px;}
.private_wrap .con_area .piece_1{background:url('../image/bg_vis_5_1.jpg') 0 50px no-repeat;}
.private_wrap .con_area .piece_2{background:url('../image/bg_vis_5_2.jpg') 0 50px no-repeat;}
.private_wrap .con_area .piece_3{background:url('../image/bg_vis_5_3.jpg') 0 50px no-repeat;}
.private_wrap .con_area .piece_4{background:url('../image/bg_vis_5_4.jpg') 0 50px no-repeat;}
.private_wrap .con_area .piece_5{background:url('../image/bg_vis_5_5.jpg') 0 50px no-repeat;}
.private_wrap .con_area .piece_6{padding-top:0;background:url('../image/bg_vis_5_6.jpg') 0 0 no-repeat;}
.private_wrap .con_area .piece_7{background:url('../image/bg_vis_5_7.jpg') 0 50px no-repeat;}
.private_wrap .con_area .piece_8{background:url('../image/bg_vis_5_8.jpg') 0 50px no-repeat;}
.private_wrap .con_area .piece_9{background:url('../image/bg_vis_5_9.jpg') 0 50px no-repeat;}
.private_wrap .con_area .piece_10{background:url('../image/bg_vis_5_10.jpg') 0 50px no-repeat;}
.private_wrap .con_area .piece_11{background:url('../image/bg_vis_5_11.jpg') 0 50px no-repeat;}
.private_wrap .con_area .piece_12{background:url('../image/bg_vis_5_12.jpg') 0 50px no-repeat;}
.private_wrap .con_area .piece_13{padding-top:0;background:url('../image/bg_vis_5_13.jpg') 0 0 no-repeat;}
.private_wrap .con_area .piece_14{background:url('../image/bg_vis_5_14.jpg') 0 50px no-repeat;}
.private_wrap .con_area .piece_15{padding-top:0;background:url('../image/bg_vis_5_3.jpg') 0 0 no-repeat;}
.private_wrap .con_area .piece_16{background:url('../image/bg_vis_5_15.jpg') 0 50px no-repeat;}/*0711 이수경*/
.private_wrap .con_area .piece_17{ padding-top:0;background:url('../image/bg_vis_5_17.jpg') 0 10px no-repeat; }/*0118 김현미*/
.private_wrap .con_area .piece_19{ padding-top:0;background:url('../image/bg_vis_5_19.jpg') 0 -20px no-repeat; }/* 160628 김현미 */
.private_wrap .con_area .piece_box h4{padding-left:0;font-size:16px;color:#000;background:none;}
.private_wrap .con_area .piece_box h4.middle_tit{padding-top:15px;}
.private_wrap .con_area .piece_box p{color:#666;line-height:20px;}
.private_wrap .con_area .piece_box .btn{padding-top:5px;}
.private_wrap .con_area .tit_box_cnt{position:relative;}

.private_wrap .sub_tit2 {margin-top: ;}
.private_wrap .con_area .tit_box_cnt > ul.bt_space{padding-bottom:0;}/* 20140806 수경7 */
.private_wrap .con_area .tit_box_cnt > ul.list_space{padding:0;}/* 20140806 수경8 */
.private_wrap .con_area .tit_box_cnt > ul > li > table.tbl_1 th{border-bottom:1px solid #e5e5e5;}


.private_wrap .con_area .tit_box_cnt ol.num_list{padding-left:25px;}/* 20140806 수경9 */
.private_wrap .con_area .tit_box_cnt .space_list{padding:9px 0 8px;}
.private_wrap .con_area .tit_box_cnt .red_txt{color:#e0243c;font-weight:bold;}
.private_wrap .con_area .tit_box_cnt .fun_btn{top:175px;left:163px;right:auto;padding-left:0;}
.private_wrap .con_area .tit_box_cnt .btn_ab1{top:140px;left:240px;}
.private_wrap .con_area .tit_box_cnt .btn_ab2{top:165px;left:240px;}
.private_wrap .con_area .tit_box_cnt .btn_ab3{top:159px;left:420px;}
.private_wrap .con_area .tit_box_cnt .down_list{padding-top:0;}
.private_wrap .con_area .tit_box_cnt .down_list li{padding:0 0 5px 27px;background:none;}
.private_wrap .con_area .tit_box_cnt .space_top{padding:0;}

.private_wrap b {font-weight: 700;}





.use_wrap h4{ margin:15px 0px 10px 0px; padding:0px 0 0 0px;  font-weight:bold; font-size: 1.111em;  color:#1b5aa7;  background:none;}
.use_wrap p {width:100%; overflow:hidden;}
.use_wrap dl{margin:0; padding:0px 0px; }
.use_wrap dl dt{margin:0; font-weight:bold; padding:10px 0px; font-size:1em; display:block;}
.use_wrap dl dd{margin:0 0 0 20px; padding:0px; display:block; font-weight:normal; text-indent:-15px;}
.use_wrap dl dd.intno{margin:0 0 0 10px; padding:0px; display:block; text-indent:0px; font-weight:normal;}
.use_wrap dl dd ul li{margin:0 0 0 10px; padding:0px; display:block; font-weight:normal; text-indent:-13px;}
.use_wrap dl dd dl{padding:0 0 5px 15px;}
.use_wrap dl dd dl dt{padding:5px 0 0 0; font-weight:normal;}
.use_wrap dl dd dl dd{padding:0 0 0 0px; text-indent:-18px !important;}
.use_wrap dl dd.intno dl{padding:0 0 5px 0;}
.use_wrap dl dd.intno dt{padding:5px 0 0 0; font-weight:normal;}
.use_wrap dl dd.intno dd{padding:0 0 0 11px; text-indent:-16px !important;}

.custom_confirm {width: 100%; background: url('/images/sub/pattern_box_bg.jpg') repeat center center; padding: 10px;}
.custom_confirm_box {width: 100%; background: #fff; padding: 65px; }
.confirm_img_wrap {display: table-cell; width: 170px; text-align: center;}
.confirm_txt_wrap {display: table-cell; padding-left:70px;}
.confirm_txt_wrap > p:nth-child(1) {font-size: 1.875em; color: #e32c51; margin-bottom: 30px;}
.confirm_txt_wrap li {line-height: 25px; word-break:keep-all;}
.fc_gray {color: #a8a8a8;}