@charset "UTF-8";

/* sub_common */
.sub_each {margin-bottom:60px;}
.sub_each2 {margin-bottom: 60px;}
.sub_each3 {margin-bottom: 30px;}

/* sub_layout */
.sub_con {padding-bottom:60px;}

/* sub_top */



.sub_sch_box.style3 {display: table; width: 100%; padding: 30px }
.sub_sch_box.style3 .row {float: left; width: calc(100% - 140px);}
.sub_sch_box.style3 .slt_box {padding-left: 10px; padding-right: 10px;}
.sub_sch_box.style3 .input_box.date {padding-left: 10px; padding-right: 10px;}
.sub_sch_box.style3 .st_sch_btn {position: relative; left: auto; right: auto; top: auto; float: right;	 width: 130px; height: 40px; margin: 0;  background-color: #878787; border-radius:0;}
.sub_sch_box.style3 .st_sch_btn:hover {background-color: #000;}
.sub_sch_box.style3 .st_sch_btn .ico {position: absolute; left: 0; top: 50%; width: 100%;  text-align: center; padding-left: 0; background: none; transform: translate(0,-50%);  font-size: 20px;}


.sub_sch_box.style3 .row > label {width: auto; font-size: 17px; font-weight: 700; text-align: center;}

.sub_sch_box.style3 input {border: 1px solid #d2d2d2; font-size: 1em;}
.sub_sch_box.style3 select {padding-left: 10px; padding-right: 10px; font-size: 1em;}



.sub_each3 strong {font-weight: 500;}



/* sub_left  */
.sub_left {display: none !important; width: 19%; margin-top: 15px; margin-bottom: 100px;}

/* sub_right */
.sub_right {width: 100%; overflow: hidden;}
.sub_rtop {position: relative; width: 100%; margin-bottom: 30px; padding-bottom: 60px; z-index: 9000;}
.sub_rtop .bg_box {height: 350px; background-image: url('/images/sub/sub_top_img1.png');background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;}

.sub_top {position: absolute; width: 100%; height: 210px; max-width: 1280px; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}

.sub_top_tot_box {position: absolute; left: 0; bottom: 30px; width: 510px; height: 200px;  padding: 70px 20px 30px 40px; background-color: #303192;}

.sub_tit {padding-bottom: 30px; border-bottom: 2px solid #6597d9;}
.sub_top_tit {position: relative; font-size: 2.111em; color: #fff; line-height: 1.368em; font-family: 's-core-dream'; font-weight: 500;}
.sub_top_tit:before {content: ''; position: absolute; top: -25px; left: 0; width: 40px; height: 2px; background-color: #fff;}


.sub_tit_box {position: relative;}
.sub_tit_box .sub_tit1 {float: left;}
.sub_tit_box .tit_box_right {position: absolute; right: 0; bottom: 10px; float: right; color: #fe5f5f;}




.bread_box {padding: 20px 0; margin: 0 0 25px 0; display: none;}
.bread_box .route_box {}
.bread_box .route_box > li {position: relative; float: left; margin-right: 20px; color: #fff; }
.bread_box .route_box > li:after {content: "\e940"; position: absolute; right: -20px; top: 50%; font-size: 15px; font-family: 'xeicon'; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.bread_box .route_box > li.bread_depth {width: 170px; padding-left: 10px;}
.bread_box .route_box > li.bread_depth2 {width: 190px;}
.bread_box .route_box > li button {position: relative; display: block; width: 100%; padding-right: 15px; color: #fff; text-align: left;}
.bread_box .route_box > li button i {position: absolute; right: 0; top: 50%; margin-left: 10px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.bread_box .route_box > li:last-child {margin-right: 0;}
.bread_box .route_box > li:last-child:after {display: none;}


.bread_box .route_box > li .bread_depth_list {display: none; position: absolute; left:0; top: 120%; width: 100%; padding: 10px 0 10px 16px; background-color: #fff; border: 1px solid #000; z-index: 9999;}
.bread_box .route_box > li .bread_depth_list li > a {display: inline-block; margin: 5px 0; border-bottom: 1px solid #fff; font-size: 0.944em;}
.bread_box .route_box > li .bread_depth_list li > a:hover { color: #0089ce;}
.bread_box .route_box > li .bread_depth_list li > a.on {border-bottom: 1px solid #0089ce; color: #0089ce;}
.sub_top .btn_list {position: absolute; right: 0; bottom: 0;}
.sub_top .btn_list > li {position: relative; float: left; width: 40px; height: 40px;}
.sub_top .btn_list > li.share {margin-right: 10px;}
.sub_top .btn_list > li > a,.sub_top .btn_list > li > button {position: relative; display: block; top: 50%; left: 50%;  width: 40px; height: 40px; line-height: 40px; margin-left: -20px; margin-top: -20px; border: 1px solid #e0e0e0; border-radius:50%; text-align: center; color: #555; font-size: 18px;}

.sub_share_box {display: none; position: absolute; left: 50%; top: 45px; width: 26px; margin-left: -13px;}
.sub_share_box.on {display: block;}
.sub_share_box li {position: relative; bottom: -20px; opacity: 0;}
/*.sub_share_box li  {-webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}*/
.sub_share_box li a {display: block; width: 26px; height: 26px; margin-bottom: 4px;  line-height: 26px; background-color: #3b5998; 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.blog a {background-color: #00c73c;}

.bbs_tab_wrap {overflow: hidden;}
.bbs_tab_wrap > .tab {position: relative; float: left; width: 25%; height: 70px; padding: 0 0 0 25px; line-height: 68px; border: 1px solid #d2d2d2; border-left: none;  font-size: 1.333em; text-align: left;}

.bbs_tab_wrap.task > .tab {font-size:1.111em ;}

.bbs_tab_wrap > .tab i {position: absolute; display: inline-block; font-family: 'xeicon'; right: 25px; top: 50%; line-height: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px;}

.bbs_tab_wrap > .tab i:after {content: "\e91b";}

.bbs_tab_wrap > .tab:first-child {border-left: 1px solid #d2d2d2;}
.bbs_tab_wrap > .tab:nth-child(4n+5) {border-left: 1px solid #d2d2d2;}
.bbs_tab_wrap > .tab:nth-child(1n+5) {border-top: none;}



.bbs_tab_wrap > .tab.on , .bbs_tab_wrap > .tab:hover {color: #0089ce; border-color:#7ecef4;}
.bbs_tab_wrap > .tab.on:after, .bbs_tab_wrap > .tab:hover:after {content: ''; position: absolute; left: 0; top: 0; width: calc(100% - 8px); height: calc(100% - 8px); border: 4px solid #7ecef4;	}
.bbs_tab_wrap > .tab.on i:after, .bbs_tab_wrap > .tab:hover i:after {content: "\e936";}
/* common */
.sub_tit1 {margin: 10px 0; font-size: 1.667em;  font-weight: 700;}
.sub_tit2 {margin: 10px 0; font-size: 1.333em; color: #1e1e1e; font-weight: 500;}



.cont_text {}
.cont_text p {padding: 14px 0; line-height: 1.8; word-break:keep-all;}
.cont_text p:nth-child(1) {padding: 0 0 14px;}

.sub_each3 .cont_img_wrap {margin: 0 0 25px;}
.cont_img_wrap {margin: 25px 0; text-align: center;}
.col_box {}
.col_box .box {position: relative; float: left; width: 30.6%; max-width: 390px; margin: 0 4% 0 0; }
.col_box .box:last-child {margin: 0;}
.col_box .box:after {content: ''; position: absolute; right: -10%; top: 50%; width: 20px; height: 32px; background-image: url('/images/sub/info_box_arr.png'); background-repeat: no-repeat;}
.col_box .box:last-child:after {display: none;}


.col_box .box .box_tit {display: table; width: 100%; height: 80px; padding: 8px 0 10px; text-align: center;}
.col_box .box .box_tit > div {display: table-cell; vertical-align: middle;}
.col_box .box .box_tit span {line-height: 1.4; font-size: 0.889em; color: rgba(255,255,255,0.7);}
.col_box .box .box_tit p {color: #fff; line-height: 1.4; font-size: 1.111em;}

.col_box .box1 .box_tit {background-color: #00a0e9;}
.col_box .box2 .box_tit {background-color: #006eb4}
.col_box .box3 .box_tit {background-color: #385199;}

.col_box .box .box_img {width: 100%;}
.col_box .box .box_img img {width: 100%;}

.col_box .box .box_txt {min-height: 190px; padding: 15px; background-color: #f1f1f1; text-align: center;}
.col_box .box .box_txt .top_txt {display: none;! margin-bottom: 15px; color: #0089ce; font-weight: 500;}
.col_box .box .box_txt .txt {word-break:keep-all;}


.cont_img_wrap.business_info {overflow: hidden;}
.cont_img_wrap.business_info .box {float: left; width: calc(50% - 20px); margin: 0 0 40px;}
.cont_img_wrap.business_info .box:nth-child(2n) {margin: 0 0 40px 40px;}

.border_box.business_info2 {overflow: hidden;}
.border_box.business_info2 img {float: left; width: 50%;}

.cont_img_wrap.business_info2 {overflow: hidden;}
.cont_img_wrap.business_info2 img {float: left; width: 50%;}

.cont_img_wrap.business_info3 {overflow: hidden;}
.cont_img_wrap.business_info3 img {float: left; width: calc(50% - 20px); }
.cont_img_wrap.business_info3 img:nth-child(1) {margin-right: 20px;}
.cont_img_wrap.business_info3 img:nth-child(2) {margin-left: 20px;}


.left_icon_list {padding: 10px 0;}
.left_icon_list .row {display: table; width: 100%; margin: 0px 0 15px; table-layout: fixed;}
.left_icon_list .row .left {position: relative; display: table-cell; width: 180px; vertical-align: middle;}
.left_icon_list .row .left:after {content: ''; position: absolute; right: 0; top: 50%; width: 45px; height: 3px; background-image: url('/images/sub/icon_list_dot.png'); background-repeat: no-repeat;}

.left_icon_list .row .right {display: table-cell; width: calc(100% - 180px); padding-left: 30px; vertical-align: middle;}
.left_icon_list .row .right dl {display: block;  overflow: hidden; color: #0089ce; font-size: 1.111em;}
.left_icon_list .row .right dl dt {display: inline-block; width: 200px; margin: 0 15px 0 0; padding: 4px 15px; background-color: #dcedf6; border-radius:5px;}
.left_icon_list .row .right dl dd {display: block;}
.left_icon_list .row .right p {display: block; float: left; clear: both; font-size: 1.111em;}


.strategy_list {margin: 0 0 30px; padding: 20px 0;}
.strategy_list > li {margin-bottom: 13px; font-size: 1.111em;}
.strategy_list > li:last-child {margin-bottom: 0;}
.strategy_list > li > i {margin-right: 5px; color: #303192;}




.business_info_list {padding: 15px 0;}
.business_info_list li {overflow: hidden;}
.business_info_list li .label {float: left; width: 150px; line-height: 35px; border-radius: 3em; background-color: #0089ce; margin: 0 25px 15px 0; text-align: center; color: #fff; font-size: 1em;}
.business_info_list li .text {float: left; width: calc(100% - 176px); line-height: 35px; margin: 0 0 15px 0; font-size: 1.111em;}
.business_info_list li .text em {color: #929292; font-size: 0.900em; font-weight: 300;}
.business_info_list li .text span.green {color: #8fcc18;}

.business_info_list li.li_04 .text {position: relative; top: -7px;}

.border_box {border: 1px solid #d2d2d2;}
.border_box.col2 > div {float: left; width: 50%;}


.border_box.business_info {padding: 20px 0;}
.border_box.business_info .left {border-right: 1px solid #d2d2d2;}
.border_box.business_info > div {padding: 0 20px;}
.border_box.business_info > div dl {overflow: hidden;}
.border_box.business_info > div dl dt {position: relative; float: left; margin-bottom: 10px; padding-left: 30px;}
.border_box.business_info > div dl dt em {position: absolute; left: 0; top: 4px; width: 22px; height: 22px; line-height: 22px; padding-right: 1px; border-radius: 50%; background-color: #8fcc18; color: #fff; font-size: 0.833em; text-align: center;}
.border_box.business_info > div dl dd {float: left; padding-left: 15px;}




.T_img_box {display: block; position: relative; width: 100%; font-size: 0;}
.T_img_box .inner {position: absolute; width: 100%; height: 100%; top: 0; left: 0; font-size: 0; z-index: 1;}
.T_img_box .inner > img {width: 100%; height: 100%; vertical-align: middle; }

.T_img_box .time {position: absolute; display: inline-block; right: 10px; top: 10px; padding: 4px 14px; border-radius:11px; background-color: #fff; font-size: 14px; text-align: center; z-index: 2;}



#edu_list {}

#edu_list {border-top: 2px solid #000; padding-top: 40px;}
#edu_list li {position: relative; float: left; width: 23.43%; margin: 0 2.09% 35px 0;  border: 1px solid #dcdcdc;}
#edu_list li:nth-child(4n) {margin: 0;}
#edu_list li:nth-child(4n+5) {clear: both;}
#edu_list li:hover {border: 1px solid #313131; box-shadow:  4px 8px 18px 0px rgba(0, 0, 0, 0.2); }

#edu_list li .T_img_box {padding-bottom: 66.87%;}

#edu_list li .info_box {padding: 25px 15px; background-color: #fff; text-align: center;}
#edu_list li .info_box .tit1 {display: inline-block; margin: 0 0 10px; padding: 0 0 5px; border-bottom: 1px solid #0c50a3; font-size: 16px; color: #0c50a3;}
#edu_list li .info_box .tit2 {display: -webkit-box; overflow: hidden; max-height: 62px; line-height: 31px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; margin-bottom: 20px; font-size: 1.111em; font-weight: 500; word-break:keep-all;	}

#edu_list li .info_box .btn_box {overflow: hidden;}
#edu_list li .info_box .btn_box .btn {position: relative; float: left; display: block; width: 30%; margin: 0 5% 0 0; border-radius:50%; background-color: #f3f3f3;}
#edu_list li .info_box .btn_box .btn:before {content: ''; display: block; padding-top: 100%;}
#edu_list li .info_box .btn_box .btn:last-child {margin: 0;}
#edu_list li .info_box .btn_box .btn:hover {background-color: #fac03e;}
#edu_list li .info_box .btn_box .btn:hover > div {font-weight: 500;}

#edu_list li .info_box .btn_box .btn > div {position: absolute; left: 0; top: 50%; display: block; width: 100%; transform:translate(0,-50%); }
#edu_list li .info_box .btn_box .btn > div i {margin-bottom: 4px;}
#edu_list li .info_box .btn_box .btn {}


#edu_list .info_list {}
#edu_list .info_list .list {margin-bottom: 6px; text-align: left; overflow: hidden;}
#edu_list .info_list .list span {font-size: 14px; color: #989898; font-weight: 300;}
#edu_list .info_list .list span.title {float: left; width: 75px; color: #000; font-weight: 400;}
#edu_list .info_list .list span.text {float: left; width: calc(100% - 75px);}
#edu_list .info_list .list span.text em {color: #ff3f3f;}





#edu_list.btn_style {}
#edu_list.btn_style li {margin: 0 2.09% 120px 0;}
#edu_list.btn_style li:nth-child(4n) {margin: 0 0 120px 0;}
#edu_list.btn_style li:nth-child(4n+5) {clear: both;}


#edu_list.btn_style .out_btn {position: absolute; width: 100%; padding-top: 17px;}
#edu_list.btn_style .out_btn .btn {display: block; width: 130px; height: 50px; margin: 0 auto; line-height: 48px; background-color: #fff; border: 1px solid #000; text-align: center; font-size: 16px;}
#edu_list.btn_style .out_btn .btn i {margin-left: 4px;}
#edu_list.btn_style .out_btn .btn:hover {background-color: #313131; color: #fff;}

#edu_list.btn_style .T_img_box .sort {}
#edu_list.btn_style .T_img_box .sort {position: absolute; left: 10px; top: 10px; display: block; width: auto; height: 35px; padding: 0px 5px; line-height: 35px;  font-size: 14px; text-align: center; color: #fff; z-index: 2; background-color: #303192;}
#edu_list.btn_style .T_img_box .sort.sort1 { color: #000; }
#edu_list.btn_style .T_img_box .sort.sort2 {}
#edu_list.btn_style .T_img_box .sort.sort3 {}
#edu_list.btn_style .T_img_box .sort.sort4 {}



#edu_list.btn_style .T_img_box .time {background-color: rgba(0,0,0,0.5); color: #fff;}





/*============================================ */
/* sub_sch_box */
/*============================================ */

.sub_sch_box.style2 {display: table; width: 100%; padding: 30px;}
.sub_sch_box.style2:after {content:""; display:block; width:0; height:0; font-size:0; clear:both;}

.sub_sch_box.style2 input {border: 1px solid #d2d2d2; font-size: 18px;}
.sub_sch_box.style2 select {padding-left: 15px; font-size: 18px;}

.sub_sch_box.style2 .row {margin-bottom: 25px;}
.sub_sch_box.style2 .row:last-child {margin-bottom: 0;}
.sub_sch_box.style2 .row > label {font-size: 20px; font-weight: 700;}

.sub_sch_box.style2 .left {display: table-cell; width: calc(100% - 165px); padding: 0 30px 0 0; border-right: 1px solid #e5e5e5;}
.sub_sch_box.style2 .select_row label {padding-top: 4px; vertical-align: top;}



.sub_sch_box.style2 .right {position: relative; display: table-cell; width: 165px; padding: 0 0 0 30px;}
.sub_sch_box.style2 .right .st_sch_btn {top: 0; right: 0; left: auto; bottom: auto; width: calc(100% - 30px); height: 100%; margin: 0;  background-color: #878787; border-radius:0;}
.sub_sch_box.style2 .right .st_sch_btn:hover {background-color: #000;}
.sub_sch_box.style2 .right .st_sch_btn .ico {position: absolute; left: 0; top: 50%; width: 100%;  text-align: center; padding-left: 0; background: none; transform: translate(0,-50%);  font-size: 20px;}

.sub_sch_box.style2 .slt_box {padding-left: 0; padding-right: 10px;} 

.sub_sch_box.style2 .chk_box {}
.sub_sch_box.style2 .chk_box {display: table-cell; vertical-align: middle; padding-left: 30px; padding-right: 0;}
.sub_sch_box.style2 .chk_box .chk_each {margin:0 5px 10px;}
.sub_sch_box.style2 .chk_box .chk_each:last-child {margin-right: 0;}

.sub_sch_box.style2 .chk_box.style1 label {width: auto; padding: 6px 19px; border: 1px solid #bfbfbf; border-radius: 16px; background-color: #fff; font-size: 18px; line-height: 1;}
.sub_sch_box.style2 .chk_box.style1 input:checked + label {background-color: #00a88b; border-color: #00a88b; color: #fff;}


.sub_sch_box.style2 label.left_align {text-align: left;}


.sub_sch_box.style2 .select_row .chk_box.style1 {}

.sub_sch_box.style2 .select_row .chk_box.style2 {padding-left: 0;}
.sub_sch_box.style2 .select_row.style2 .chk_box .chk_each { text-align: center;}
.sub_sch_box.style2 .select_row.style2 .chk_box .chk_each label {display: block; width: 90px; height: 90px; padding: 13px 0; border-radius:5px; font-size: 18px; border: 1px solid #bfbfbf; text-align: center;}

.sub_sch_box.style2 .select_row.style2 .chk_box .chk_each input:checked + label  {background-color: #00a88b; border-color: #00a88b; color: #fff;}

.sub_sch_box.style2 .select_row.style2 .chk_box .chk_each label img {margin-bottom: 9px;}
.sub_sch_box.style2 .select_row.style2 .chk_box .chk_each label img.pc {}
.sub_sch_box.style2 .select_row.style2 .chk_box .chk_each label img.mobile {display: none;}




/*============================================ */
/*edu_view_wrap*/
/*============================================ */

.borad_view_tit {border-bottom: 1px solid #7d7d7d;}

.edu_view_top {display: table; width: 100%; padding: 15px 0; border-top: 3px solid #000000; }
.edu_view_top .left {display: table-cell; width: 50%; vertical-align: middle;	}
.edu_view_top .right {position: relative; display: table-cell; width: 50%; padding: 20px 95px 20px 70px; vertical-align: top;}
.edu_view_top .left .img_box {position: relative; padding-bottom: 66.78%; z-index: 1; overflow: hidden;}
.edu_view_top .left .img_box .inner {position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 0;}
.edu_view_top .left .img_box img {width: 100%; height: 100%; }


.edu_view_top .right .tit_box {margin-bottom: 40px;}
.edu_view_top .right .tit_box .category {display: inline-block; margin: 0 0 15px; padding: 0 3px; font-size: 20px; color: #0c50a3; border: 1px solid #0c50a3;}

.edu_view_top .right .tit_box h1 {display: -webkit-box; overflow: hidden; max-height: 72px; line-height: 36px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; margin-bottom: 15px;  font-size: 30px;  font-weight: 700; word-break:keep-all;}
.edu_view_top .right .tit_box p {word-break:keep-all;}

.edu_view_top .right .txt_box li {width: 100%; min-height: 5px; margin-bottom: 10px; overflow: hidden; font-size: 18px;}
.edu_view_top .right .txt_box li:last-child {margin-bottom: 0;}

.edu_view_top .right .txt_box li .txt_left {position: relative; float: left; display: block; width: 85px; min-height: 25px; color: #000;}
.edu_view_top .right .txt_box li .txt_left:after {content: ''; position: absolute; right: 0; top: 50%; width: 2px; height: 16px; margin-top: -8px; background-color: #dddddd; }

.edu_view_top .right .txt_box li .txt_right {float: left; display: block; width: calc(100% - 115px); padding-left: 20px; min-height: 25px; color: #858585;}

.edu_view_top .right .txt_box li .txt_right em {color: #ec008c;}





.Business_Strategy_box_wrap {margin: 20px 0 50px; overflow: hidden;}
.Business_Strategy_box_wrap .box {float: left; display: table; width: 31.25%; height: 120px; margin-right: 3.125%; border: 5px solid #eeeeee;}
.Business_Strategy_box_wrap .box:last-child {margin-right: 0;}
.Business_Strategy_box_wrap .box .icon {display: table-cell; width: 130px; vertical-align: middle;  text-align: center;}
.Business_Strategy_box_wrap .box .txt_wrap {display: table-cell; width: calc(100% - 130px); font-size: 1.111em; font-weight: 500; vertical-align: middle;}





.task_cont_tit {padding: 13px 20px; background-color: #303192; text-align: center;}
.task_cont_tit span {color: #ff4c4c; }
.task_cont_tit p {color: #fff; font-size: 1.222em;}

.task_table_tit {padding: 5px 0; font-size: 1.111em; font-weight: 500;}
.v_chack_list {}
.v_chack_list > li {position: relative; padding-left: 30px; margin-bottom: 10px;}
.v_chack_list > li i {position: absolute; left: 0; top: 4px; color: #26a7eb;}

.v_chack_list .bar_list {padding: 6px 0;}
.v_chack_list .bar_list > li {position: relative; padding: 3px 0 3px 18px; color: #8b8b8b; background: none;}
.v_chack_list .bar_list > li:before {content: "\e91b"; position: absolute; left: 0; top: 2px; font-family: 'xeicon';}


.basic_table .col2_box {}
.basic_table .col2_box > div {float: left;}
.basic_table .col2_box > div.left {margin-right: 15px;}
.basic_table .col2_box > div.right {padding-top: 10px;}


.task_bg_box {display: block; width: 100%; margin: 0 0 30px; padding: 30px; background-color: #f5f5f5; background-image: url('/images/sub/task_bg_box_img.png'); background-position: right 50px bottom; background-repeat: no-repeat; overflow: hidden;}


.task_bg_box .table_layout {display: table; width: 100%;}
.task_bg_box .table_layout .task_bg_box_tit {margin-bottom: 20px; font-size: 1.222em; font-weight: 500; color: #303192;}

.task_bg_box .table_layout .left {display: table-cell; width: 50%; vertical-align: middle;}
.task_bg_box .table_layout .left .img_wrap {margin-bottom: 10px; }
.task_bg_box .table_layout .left .img_wrap img {width: 100%; }
.task_bg_box .table_layout .left p {text-align: center; color: #424242;}

.task_bg_box .table_layout .right {display: table-cell; width: 50%; padding:20px 0 20px 40px; vertical-align: top;}
.task_bg_box .table_layout .right .dot_list > li {font-size: 18px; margin-bottom: 13px; word-break:keep-all;}





/* greet basic */
.greet_top {position:relative; z-index:1; margin-bottom:50px; padding:40px 0 0px;}
.greet_top .inner_box {display:table; width:100%; border-collapse:collapse; table-layout:fixed; background-color:#f0f0f0;}
.greet_top .txt_box {display:table-cell; width:64%; padding:90px 50px 90px 145px;  vertical-align:middle;}
.greet_top .dot_box {margin-bottom:35px;}
.greet_top .txt_box .txt1 {line-height:1.5; font-size:1.944em; word-break:keep-all;}
.greet_top .txt_box .txt1.blue {color: #0089ce; font-weight: 500;}
.greet_top .txt_box .dot1 {margin-bottom:20px;}
.greet_top .txt_box .dot2 {margin-top:20px;}
.greet_top .txt_box .txt2 .name {margin-left:10px; font-size:18px; letter-spacing:7px;}
.greet_top .txt_box .txt2 img {margin-left: 10px;}
.greet_top .cell {display:table-cell; text-align:center; vertical-align:middle;}
.greet_top .r_img {position:absolute; right:7%; bottom:0; z-index:1;}

.greet_mid {position:relative; z-index:1; margin-bottom:50px; padding: 7px 50px; text-align:center;}
.greet_mid:before {content: ''; position: absolute; left: 0; top: 0; display: block; width: 28px; height: 100%; background-image: url('/images/sub/greet_left.png'); background-repeat: no-repeat;}
.greet_mid:after {content: ''; position: absolute; right: 0; top: 0;  display: block; width: 28px; height: 100%; background-image: url('/images/sub/greet_right.png'); background-repeat: no-repeat;}


.greet_mid .line {position:absolute; top:50%; z-index:1; width:100%; margin:0;}
.greet_mid .big_txt {margin-bottom: 13px; font-size: 1.667em; font-weight: 500;}
.greet_mid .txt {display:inline-block; position:relative; z-index:1; width: 100%; background-color:#FFF; font-size:1.222em; word-break:keep-all;}

.greet_btm {padding: 40px 0 0; border-top: 1px solid #dcdcdc;}
.greet_btm .each_txt {margin-bottom: 40px; line-height:1.8; word-break:keep-all;}

.greet_btm .each_txt strong {font-weight: 500;}
.greet_btm.type1 .each_txt {}


.greet_btm.type2 {display:table; width:100%; border-collapse:collapse; table-layout:fixed;}
.greet_btm.type2 .left {display:table-cell; width:50%; padding-right:30px; border-right:1px solid #ccc;}
.greet_btm.type2 .right {display:table-cell; padding-left:30px;}



/* 오시는길 2020-07-01 */

.map_wrap .tab_list_area {}
.map_wrap .tab_list_area .list {width: 100%; max-width: 400px; height: 100%; max-height: 70px; margin: 0 auto; border: 1px solid #333333; font-size: 0;}
.map_wrap .tab_list_area .list li {display: inline-block; width: 50%;}
.map_wrap .tab_list_area .list li.on {background: #333333;}
.map_wrap .tab_list_area .list li a {display: block; font-weight: 300; font-size: 22px; line-height: 68px; color: #232323; text-align: center;}
.map_wrap .tab_list_area .list li.on a {color: #ffffff;}

.map_wrap .map_area {margin: 42px 0 0;}
.map_wrap .map_area .map {height: 430px; border: 1px solid #dcdcdc; padding: 10px; box-shadow: 8px 8px 17px rgba(0, 0, 0, 0.18);}
.map_wrap .map_area .map .map_box {width: 100%; height: 410px;}


.map_wrap .cont {position: relative; margin: 50px 0 0; padding: 0 0 0 130px;}
.map_wrap .cont:before {display: block; content: ''; position: absolute; top: 50%; left: 30px; width: 61px; height: 80px; margin: -40px 0 0; background: url("/images/sub/map_icon.png") 0 0 no-repeat;}
.map_wrap .cont .title {font-weight: 700; font-size: 1.667em; line-height: 36px; color: #1d1d1d;}
.map_wrap .cont .info_list {overflow: hidden; font-size: 1.111em;}
.map_wrap .cont .info_list .list {margin: 5px 0 0;}
.map_wrap .cont .info_list .list li {float: left; width: 100%; margin: 0px 0 20px; font-weight: 300; line-height: 27px; color: #848484;}

.map_wrap .cont .info_list .list li span {float: left; width: calc(100% - 130px);}
.map_wrap .cont .info_list .list li span.ft_bold {float: left; display: inline-block; position: relative; width: 90px; margin: 0 40px 0 0; color: #000000; font-weight: 500;}
.map_wrap .cont .info_list .list li span.ft_bold:after {display: block; content: ''; position: absolute; top: 50%; right: -20px; width: 2px; height: 15px; margin: -7px 0 0; background: #cccccc;}



.map_btn {display: block; width: 270px; height: 60px; line-height: 60px; margin: 60px auto 0; background-color: #313131; color: #fff; font-size: 1.222em; text-align: center; -webkit-box-shadow: 0px 9px 26.1px 2.9px rgba(0, 0, 0, 0.23); -moz-box-shadow: 0px 9px 26.1px 2.9px rgba(0, 0, 0, 0.23); box-shadow: 0px 9px 26.1px 2.9px rgba(0, 0, 0, 0.23);  border-radius:30px;}
 .map_btn i {margin-left: 10px;}
/* // 오시는길 2020-07-01 */


/* history_tab */
.history_tab {width: 80%; margin: 0 auto 70px; overflow: hidden; }
.history_tab > li {display: table; width: 33.33%; float: left; border-left: 1px solid #ced5df;}
.history_tab > li:first-child {border-left: 0;}
.history_tab > li a {display: table-cell; height: 60px; vertical-align: middle; color: #535353; background-color: #f6f6f6; font-family: 'NanumSquare'; font-size: 1.33em; text-align: center; transition: all 0.3s;}
.history_tab > li.on a, .history_tab > li:hover a {background-color: #3155a5; color: #fff;}
/* history_tit */
.history_tit {padding-bottom:63px; border-bottom:1px solid #ccc; text-align:center;}
.history_tit .t1 { padding-bottom:30px; font-size:2.40em; color:#144ac0; font-weight:700;} 
.history_tit .t2 {display:inline-block; padding-bottom:25px; font-size:1.667em; color:#3f3f3f;} 
.history_tit .t3 {font-size:1em; color:#9b9a9a;} 		
/* history_box.skin2 */
.history_box.skin2 {position: relative; padding-bottom:80px;}
.history_box.skin2:before {display: inline-block; content:''; position: absolute; left: 50%; top: 20px; width: 1px; height: 100%; margin-left: -0.5px; background-color: #3155a5;}

.history_box.skin2 .his_row_box { width: 100%;}

.history_box.skin2 .img_box {margin-top:-22px; margin-bottom: 60px; text-align: center;} 

.history_box.skin2 .his_row { width: 100%; margin: 0 0 70px;}
.history_box.skin2 .his_row .his_lr {position: relative; float: left; width: 50%;}

.add_img_box {float: right; width: 50%; padding-left: 48px; padding-top: 12px; overflow: hidden;	}

.add_img_box img {margin-bottom: 30px;}

.history_box.skin2 .his_row .year {position: absolute; right: 38px; top: 0; width:auto; font-size:1.556em; color:#009af3; font-style: italic; font-family:"NanumSquare"; font-weight: 900;}
.history_box.skin2 .his_row .year:after {display: inline-block; content:''; position: absolute; right: -42px; top: 12px; width: 9px; height: 9px; background-color: #3155a5; border-radius: 50%;}
.history_box.skin2 .txt_boxs {overflow:hidden; padding-right:145px; padding-top: 12px; }  
.history_box.skin2 .his_month_box {position: relative; display:inline-block; margin-bottom: 15px; float: left; text-align:left; color: #4a4a4a; clear: both;}
.history_box.skin2 .his_month_box .list {padding-left: 140px; color: #757575;}
.history_box.skin2 .his_month_box .list li {margin-bottom: 5px;}   
.history_box.skin2 .his_month_box .list li:last-child {margin-bottom: 0;}
.history_box.skin2 .his_month_box .month {position: absolute; left: 0; top: 0; width: 130px; text-align: left; font-weight: 500; vertical-align:top;}



.CI_wrap .top {padding: 0 0 70px; background-image: url('/images/sub/ci_bg_img.png'); background-repeat: no-repeat; background-position: center top; -webkit-background-size: cover; background-size: cover;}

.CI_wrap .bottom {}
.CI_wrap .bottom .ci_col {}
.CI_wrap .bottom .ci_col .col {float: left; width: 32%; margin-right: 2%; -webkit-box-shadow: 6px 7px 18px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow: 6px 7px 18px 0px rgba(0, 0, 0, 0.16); box-shadow: 6px 7px 18px 0px rgba(0, 0, 0, 0.16);}
.CI_wrap .bottom .ci_col .col:last-child {margin-right: 0;}


.CI_wrap .btn_wrap {display: block;}
.CI_wrap .ai_download_btn {display: block; width: 270px; height: 60px; margin: 0 auto; line-height: 60px; font-size: 1.222em; background-color: #313131; color: #fff; text-align: center; border-radius:30px; }
.CI_wrap .ai_download_btn i {margin-left: 10px;}

.CI_wrap .ai_download_btn:hover {-webkit-box-shadow: 0px 9px 26.1px 2.9px rgba(0, 0, 0, 0.23); -moz-box-shadow: 0px 9px 26.1px 2.9px rgba(0, 0, 0, 0.23); box-shadow: 0px 9px 26.1px 2.9px rgba(0, 0, 0, 0.23);}


.institution_list {position: relative; left: -13px; width: calc(100% + 26px); padding-top: 30px; overflow: hidden;}
.institution_list .list {float: left; width: 300px; margin: 0 13px 50px;}
.institution_list .list .img_box {position: relative; width: 100%; height: 100px; margin-bottom: 13px; border: 1px solid #d2d2d2; font-size: 0;}
.institution_list .list .img_box .inner {position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center;}
.institution_list .list .img_box .inner img { vertical-align: middle;}
.institution_list .list:hover .img_box {border-color: #7ecef4;}
.institution_list .list:hover .img_box:after {content: ''; position: absolute; left: 0; top: 0; width: calc(100% - 8px); height: calc(100% - 8px); border: 4px solid #7ecef4;}

.institution_list .list p {min-height: 56px;}
.institution_list .list:hover p {color: #0089ce; }




.sitelist {overflow: hidden;	}
.sitelist .box {position: relative; float: left; width: 31.25%; margin:0 3.125% 30px 0; background-color: #fff; text-align: center;}
.sitelist .box:nth-child(3n) {margin:0 0 30px 0; }
.sitelist .box > a {position: relative; display: table; width: 100%; height: 130px; border: 1px solid #d2d2d2;  border-top: 0;  z-index: 3;}
.sitelist .box > a .txt {position: relative; display: table-cell; vertical-align: middle; z-index: 3; line-height: 1.3; font-size: 1.111em;}
.sitelist .box > a .bg_box {position: absolute; left: 0; top: 0; width: 100%; height: 3px; background-color: #0089ce; z-index: -1; -webkit-transition: height 0.2s; -moz-transition: height 0.2s; -ms-transition: height 0.2s; -o-transition: height 0.2s; transition: height 0.2s;}

.sitelist .box > a:after {content: ''; position: absolute; left: 30px; bottom: 0; width: 175px; height: 87px; background-image: url('/images/sub/sitelist_bg.png'); background-repeat: no-repeat; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}

.sitelist .box > a:hover {border-color: #0089ce;}
.sitelist .box > a:hover .txt {color: #fff;}
.sitelist .box > a:hover .bg_box {height: 100%;}
.sitelist .box > a:hover:after {background-image: url('/images/sub/sitelist_bg_on.png');}