@charset "UTF-8";

/* sub_common */
.sub_each {padding-bottom:60px;}
.sub_each:last-of-type {padding-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 {margin-bottom:10px; color: #2e51ad; font-size: 1.06em; font-weight: 500;}

/* sub_con_wrap */
#sub_con_wrap {width: 100%; max-width: 1920px; margin: 0 auto}

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

/* sub_top */
.sub_top {margin-bottom:70px; background-image: url('/template/foundation/user/images/sub/sub_top_bg1.png'); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;	}
.sub_top.bg1 {background-image: url('/template/foundation/user/images/sub/sub_top_bg1.png');}
.sub_top.bg2 {background-image: url('/template/foundation/user/images/sub/sub_top_bg2.png');}
.sub_top.bg3 {background-image: url('/template/foundation/user/images/sub/sub_top_bg3.png');}
.sub_top.bg4 {background-image: url('/template/foundation/user/images/sub/sub_top_bg4.png');}

.sub_top_tit_box {position: relative; display: table-cell; width: 100%; vertical-align: middle;  height: 240px; text-align: center; z-index: 2;}
.sub_top_tit {display: inline-block; margin-bottom:15px; font-size:2.611em; font-weight:500; text-align:center; color: #fff;}

.sub_tit_wrap {position: relative; display: table; width: 100%; overflow: hidden;}
.sub_tit_wrap .bg {position: absolute; left: 50%; top: 0; width: 100%; min-width: 1440px; height: 100%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 1;}
.sub_tit_wrap .bg:after {content: '';position: absolute; display: block; left: 0; top: 0; width: 80px; height: 100%; background-color: #253361;}

.breadcrumb {position: relative; display: block; margin: 0 auto;	}
.breadcrumb > li {display:inline-block; position: relative; margin-right: 25px; color:#5a5a5a; font-size: 16px; color: rgba(255, 255, 255, 0.7);}
.breadcrumb > li.home {width: 22px; height: 22px; border-radius:50%; background-color: rgba(255, 255, 255, 0.5);}
.breadcrumb > li.not {display:none;}
.breadcrumb > li:last-child {margin-right: 0;}
.breadcrumb > li:after {content: '>'; position: absolute; right: -19px;}
.breadcrumb > li:last-child:after {display: none;}
.breadcrumb > li .depth_list {display: none; position: absolute; left: 0; top: 50px; width: 100%; background-color: #fff; border: 1px solid #dfdfdf;}
.breadcrumb > li .depth_list li {border-bottom: 1px dashed #dfdfdf;}
.breadcrumb > li .depth_list li:last-child {border-bottom: 0;}


/* bread_box */
.bread_box  {position: relative; background-color: rgba(255, 255, 255, 0.9); }
.bread_box .container {z-index: 10; padding: 0 !important;}

.sub_top_gnb_wrap {position: relative; width: 100%;}
.sub_top_gnb_wrap:before {content: ''; position: absolute; right: 100%; display: block; width: 100%; height: 70px; background-color: #253361;}

.sub_top_gnb > ul > ul {text-align: center;}
.sub_top_gnb > ul > ul > li {display: inline-block; margin:  0 30px;}
.sub_top_gnb > ul > ul > li > a {position: relative; display: block; height: 70px; line-height: 70px	; padding: 0 15px; }
.sub_top_gnb > ul > ul > li > a.on {color: #036eb8; font-weight: 500;}
.sub_top_gnb > ul > ul > li > a.on:after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background-color: #036eb8;}

.sub_top_gnb > ul .gnb_sub_bg {display: none;}

.bread_box .btn_list {position: absolute; right: 45px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%);transform: translate(0, -50%); z-index: 11;}
.bread_box .btn_list > li {position: relative; float: left;}
.bread_box .btn_list > li > a {display: block; width: 40px; height: 40px; line-height: 40px; background-color: #fff; text-align: center; color: #555; font-size: 18px; border-radius:50%;}
.bread_box .btn_list > li > a.on , .bread_box .btn_list > li > a:hover {background-color: #036eb8; color: #fff;}

.sub_share_box {display: none; position: absolute; left: 50%; top: 50px; width: 26px; margin-left: -13px; margin-top: 20px; z-index: ;}
.sub_share_box li {margin-bottom: 8px;}
.sub_share_box li:first-child {margin-left: 0;}
.sub_share_box li a {display: block; width: 26px; height: 26px; line-height: 26px; background-color: #3b5998; border-radius: 2px; 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;}

/* greet_top_wrap */
.greet_top_wrap {position: relative; margin-bottom: 60px;}
.greet_top_wrap > div {position: relative; float: left; width: 50%; z-index: 2;}
.greet_top_wrap > div.left {text-align: center;}
.greet_top_wrap > div .img_wrap {display: inline-block; margin: 0 auto;}
.greet_top_wrap > div .img_wrap img {}
.greet_top_wrap > div.right {position: relative;}
.greet_top_wrap > div.right .txt_box {position: relative; top: 125px; width: 573px; padding: 40px 50px; background-image: url('/template/foundation/user/images/sub/greet_bg2.png');background-repeat: no-repeat; -webkit-background-size:  cover; background-size: cover;}
.greet_top_wrap > div.right .tit {margin-bottom: 50px;	}
.greet_top_wrap > div.right .tit p {font-size: 1.7em; color: #fff;}
.greet_top_wrap > div.right .txt {position: relative; margin-bottom: 10px; padding-left: 45px; }
.greet_top_wrap > div.right .txt:after {content: ''; position: absolute; left: -194px; top: 50%; display: block;  width: 210px; height: 4px; margin-top: -2px; background-color: #fff;}
.greet_top_wrap > div.right .txt p {color: #fff;     word-break: keep-all;}
.greet_top_wrap > div.right .txt p span {font-weight: 500;}
.greet_top_wrap > div.right .txt p b{font-size: 1.333em;}
.greet_top_wrap > div.bg {position: absolute; bottom: 0; left: 0; width: 100%; height: 330px; background-image: url('/template/foundation/user/images/sub/greet_bg.png'); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; z-index: 1;}
.greet_bottom_wrap > p {margin-bottom: 30px; line-height: 1.8; word-break:keep-all;}

.info.greet {}
.info.greet .basic_tab.style2 {display:block; width: 100%; max-width: 480px; margin: 0 auto 40px;}
.info.greet .basic_tab.style2 {}
.info.greet .basic_tab.style2.tab_2p > li {width:240px; }
.info.greet .basic_tab.style2.tab_2p > li a { padding: 0 40px;}


/* .info.gree */
.info.vision .sub_con {position: relative; padding-bottom: 0;}
.info.vision .sub_con > .bg {position: absolute; width: 100%; top: -70px; left: 0; overflow: hidden;}
.info.vision .sub_con > .bg img {width: 1920px; max-width: 1920px;}
.info.vision .sub_each {padding-bottom: 60px;}
.info.vision .sub_each .top_txt {padding: 30px 0; text-align: center; overflow: hidden;}
.info.vision .sub_each .top_txt p {position: relative; display: inline-block; line-height: 1.500em; font-size: 1.111em; margin: 0 auto; text-align: center;}
.info.vision .sub_each .top_txt p:after,.info.vision .sub_each .top_txt p:before {content: ''; position: absolute; width: 46px; height: 29px; background: no-repeat;	}
.info.vision .sub_each .top_txt p:after {top: 0; left: -100px; background-image: url('/template/foundation/user/images/sub/vision_top_txt_left.png');}
.info.vision .sub_each .top_txt p:before {bottom: 0; right: -100px; background-image: url('/template/foundation/user/images/sub/vision_top_txt_right.png');}
.info.vision .sub_each .top_txt p b {position: relative; color: #036eb8; font-weight: 500;}
.info.vision .sub_each .top_txt p b:after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; background-color: #cfe5f5; z-index: -1;}


.info.vision .sub_each.mission { }
.info.vision .sub_each .vision_box {padding: 75px 0; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;}
.info.vision .sub_each .vision_tit {font-size: 2.222em; font-weight: 500; text-align: center;}

.info.vision .sub_each.mission .vision_box {background-image: url('/template/foundation/user/images/sub/vision_top_img.png');}
.info.vision .sub_each.mission .vision_tit {position: relative;margin-bottom: 160px;color: #000;}
.info.vision .sub_each.mission .vision_tit:after {content: '';position: absolute;left: 50%;bottom: -48px;width: 1px;height: 30px;background-color: #4f4b45;}
.info.vision .sub_each.mission .vision_tit:before {content: '';position: absolute;left: 50%; bottom: -135px;width: 59px;height: 52px; margin-left: -30px; background: url('/template/foundation/user/images/sub/vision_top_ico.png');background-repeat: no-repeat;}
.info.vision .sub_each.mission .vision_box .txt {/* margin-bottom: 20px; */color: #000;font-size: 1.667em;text-align: center; word-break: keep-all;} 



.info.vision .sub_each.vision {background-image: url('/template/foundation/user/images/sub/vision_bg2.png'); background-position: right bottom -60px;}
.info.vision .sub_each.vision .vision_tit {position: relative; margin-bottom: 75px; color: #000;}
.info.vision .sub_each.vision .vision_tit:after {content: ''; position: absolute; bottom: -42px; left: 50%; width: 1px; height: 30px; margin-left: -1px; background-color: #313131;}
.info.vision .sub_each.vision .vision_box_col3_wrap {position: relative; height: 150px;}
.info.vision .sub_each.vision .vision_box_col3_wrap .vision_box_col {position: absolute; top: 0; width: 34.375%; padding: 35px 40px 30px; background-color: #fff; border-radius:100px; text-align: center;}
.info.vision .sub_each.vision .vision_box_col3_wrap .vision_box_col1 {left: 0; background-color: rgba(243, 151, 0, 0.8);}
.info.vision .sub_each.vision .vision_box_col3_wrap .vision_box_col2 {left: 32.8125%; background-color: rgba(96, 24, 134, 0.8);}
.info.vision .sub_each.vision .vision_box_col3_wrap .vision_box_col3 {left: 65.625%; background-color: rgba(3, 110, 184, 0.8);}
.info.vision .sub_each.vision .vision_box_col3_wrap .vision_box_col .ico {display: block; margin-bottom: 12px;}
.info.vision .sub_each.vision .vision_box_col3_wrap .vision_box_col p {height: 2.6em; color: #fff; font-size: 0.922em; word-break:keep-all;}

.info.vision .sub_each.tactic {padding-top: 60px; background-image: url('/template/foundation/user/images/sub/tactic_bg.png'); -webkit-background-size: cover; background-size: cover;}
.info.vision .sub_each.tactic .vision_tit {position: relative; margin-bottom: 75px; color: #fff;}
.info.vision .sub_each.tactic .vision_tit:after {content: ''; position: absolute; bottom: -42px; left: 50%; width: 1px; height: 30px; margin-left: -1px; background-color: #fff;}
.info.vision .sub_each .tactic_box {width: 100%; max-width: 1500px; margin: 0 auto}
.info.vision .sub_each.tactic .tactic_box_col_wrap {overflow: hidden;}
.info.vision .sub_each.tactic .tactic_box_col_wrap .tactic_box_col {float: left; width: 15.93%; margin: 0 0.8% 0 0; padding: 20px 10px 30px; background-color: #fff; text-align: center;}
.info.vision .sub_each.tactic .tactic_box_col_wrap .tactic_box_col:last-child {margin: 0; }
.info.vision .sub_each.tactic .tactic_box_col_wrap .tactic_box_col .ico {display: block; width: 59px; height: 64px; margin: 0 auto 15px; text-align: center;}
.info.vision .sub_each.tactic .tactic_box_col_wrap .tactic_box_col > p {height: 7.0em; word-break:keep-all; font-size: 0.944em;}

.info.vision .sub_each.plan {padding-top: 60px; background-image: url('/template/foundation/user/images/sub/plan_bg.png'); -webkit-background-size: cover; background-size: cover; background-position: bottom center;}
.info.vision .sub_each.plan .vision_tit {position: relative; margin-bottom: 75px; color: #000;}
.info.vision .sub_each.plan .vision_tit:after {content: ''; position: absolute; bottom: -42px; left: 50%; width: 1px; height: 30px; margin-left: -1px; background-color: #000;}
.info.vision .sub_each.plan .plan_box {display: block; width: 100%; max-width: 950px; margin: 0 auto; overflow: hidden; text-align: center;}
.info.vision .sub_each.plan .plan_box .box {display: table; float: left; width: calc(50% - 30px); margin: 0 15px; padding: 25px; border: 5px solid #036eb8; border-radius:75px; background-color: #fff; overflow: hidden;}
.info.vision .sub_each.plan .plan_box .box .ico {display: table-cell; width: 100px; text-align: center; vertical-align: middle;	}
.info.vision .sub_each.plan .plan_box .box p {display: table-cell;; width: calc(100% - 100px); text-align: left; font-size: 1.0em; vertical-align: middle;}


/* 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:15px; font-size:2.222em; font-weight: 700; color:#3f3f3f;}
.history_tit .t3 {font-size:1.06em; color:#9b9a9a;}
/* history_box.skin2 */
.history_box.skin2 {position: relative; padding-bottom:80px;}
.history_box.skin2:after {display: inline-block; content:''; position: absolute; left: 50%; top: 20px; width: 1px; height: 100%; margin-left: -0.5px; background-color: #3155a5;}
.history_box.skin2 .img_box {margin-top:-22px; margin-bottom: 60px; text-align: center;}
.history_box.skin2 .his_row {margin: 0 auto 70px;}
.history_box.skin2 .his_row .his_lr {position: relative;float: right;width: 50%;}
.history_box.skin2 .his_row .add_img_box {float: left; width: 50%; padding-left: 48px; padding-top: 12px; overflow: hidden;	}
.history_box.skin2 .his_row .add_img_box img {width: 48%; margin-right: 4%; float: left;}
.history_box.skin2 .his_row .add_img_box img:nth-child(2n) {margin-right: 0;}
.history_box.skin2 .his_row .add_img_box img:nth-child(n+3) {margin-top: 4%;}
.history_box.skin2 .his_row .year{position: absolute;left: 38px;top: 0;width:auto;font-size:1.73em;color:#009af3;font-style: italic;font-family:"NanumSquare";font-weight: 900;}
.history_box.skin2 .his_row .year:after {display: inline-block;content:'';position: absolute;left: -42px;top: 12px;width: 9px;height: 9px;background-color: #3155a5;border-radius: 50%;}
.history_box.skin2 .txt_boxs {overflow:hidden;padding-left: 145px;padding-top: 12px;font-size:1.06em;}
.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: 65px;}
.history_box.skin2 .his_month_box .list li {margin-bottom: 5px; word-break:keep-all;}
.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; font-weight: 500; vertical-align:top;}

.right_img_box {position: absolute;width: 50%;left: 0;padding-left: 90px;}


.organization_btn {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}


.basic_tab.image > li > a span {padding-left: 35px; background-repeat: no-repeat; background-position: left center;}
.basic_tab.image > li:nth-child(1) > a span {background-image: url('/template/foundation/user/images/sub/basic_tab_ico01_off.png'); }
.basic_tab.image > li:nth-child(2) > a span {background-image: url('/template/foundation/user/images/sub/basic_tab_ico02_off.png');}
.basic_tab.image > li:nth-child(3) > a span {background-image: url('/template/foundation/user/images/sub/basic_tab_ico03_off.png');}
.basic_tab.image > li:nth-child(4) > a span {background-image: url('/template/foundation/user/images/sub/basic_tab_ico04_off.png');}

.basic_tab.image > li.on:nth-child(1) > a span  {background-image: url('/template/foundation/user/images/sub/basic_tab_ico01_on.png');}
.basic_tab.image > li.on:nth-child(2) > a span  {background-image: url('/template/foundation/user/images/sub/basic_tab_ico02_on.png');}
.basic_tab.image > li.on:nth-child(3) > a span  {background-image: url('/template/foundation/user/images/sub/basic_tab_ico03_on.png');}
.basic_tab.image > li.on:nth-child(4) > a span  {background-image: url('/template/foundation/user/images/sub/basic_tab_ico04_on.png');}


/* 오시는길 2020-07-01 */
.sub_con .container .map_wrap {}
.sub_con .container .map_wrap .inner {position: relative; -border-bottom: 1px solid  #e5e5e5; padding: 0 0 41px; z-index: 1;}
.sub_con .container .map_wrap .inner.on {z-index: 2; opacity: 1;}
.sub_con .container .map_wrap .tab_list_area {}
.sub_con .container .map_wrap .tab_list_area .list {width: 100%; max-width: 800px; height: 100%; max-height: 70px; margin: 0 auto; border: 1px solid #333333; font-size: 0;}
.sub_con .container .map_wrap .tab_list_area .list li {display: inline-block; width: 50%;}
.sub_con .container .map_wrap .tab_list_area .list li.on {background: #333333;}
.sub_con .container .map_wrap .tab_list_area .list li a {display: block; font-weight: 300; font-size: 22px; line-height: 68px; color: #232323; text-align: center;}
.sub_con .container .map_wrap .tab_list_area .list li.on a {color: #ffffff;}
.sub_con .container .map_wrap .inner .map_area {margin: 42px 0 0;}
.sub_con .container .map_wrap .inner .map_area .map {height: 100%; max-height: 400px; border: 1px solid #dcdcdc; padding: 10px; box-shadow: 8px 8px 17px rgba(0, 0, 0, 0.18);}
.sub_con .container .map_wrap .inner .map_area .map .map_box {width: 100%;}
.sub_con .container .map_wrap .inner .cont {position: relative; margin: 36px 0 0; padding: 0 0 0 97px;}
.sub_con .container .map_wrap .inner .cont:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 61px; height: 80px; margin: -40px 0 0; background: url("/template/foundation/user/images/sub/map_icon.png") 0 0 no-repeat;}
.sub_con .container .map_wrap .inner .cont .title {font-weight: 700; font-size: 24px; line-height: 36px; color: #1d1d1d;}
.sub_con .container .map_wrap .inner .cont .info_list {}
.sub_con .container .map_wrap .inner .cont .info_list .list {margin: 5px 0 0;}
.sub_con .container .map_wrap .inner .cont .info_list .list li {margin: 3px 0 0; font-weight: 300; font-size: 18px; line-height: 27px; color: #848484;}
.sub_con .container .map_wrap .inner .cont .info_list .list li:first-child {margin: 0;}
.sub_con .container .map_wrap .inner .cont .info_list .list li .ft_bold {display: inline-block; position: relative; width: 170px; margin: 0 14px 0 0; padding: 0 14px 0 0; color: #000000;}
.sub_con .container .map_wrap .inner .cont .info_list .list li .ft_bold:after {display: block; content: ''; position: absolute; top: 50%; right: 0; width: 2px; height: 15px; margin: -7px 0 0; background: #cccccc;}
.sub_con .container .map_wrap .btn_area {margin: 68px 0 0; font-size: 0; text-align: center;}
.sub_con .container .map_wrap .btn_area a {display: inline-block; width: 100%; max-width: 315px; margin: 0 17px 0 0; text-align: center;}
.sub_con .container .map_wrap .btn_area a:last-child {margin: 0;}
.sub_con .container .map_wrap .btn_area a.btn_01 {background: url("/template/foundation/user/images/sub/btn_bg_01.png") 0 0 / 100% no-repeat;}
.sub_con .container .map_wrap .btn_area a.btn_02 {background: url("/template/foundation/user/images/sub/btn_bg_02.png") 0 0 / 100% no-repeat;}
.sub_con .container .map_wrap .btn_area a.btn_03 {background: url("/template/foundation/user/images/sub/btn_bg_03.png") 0 0 / 100% no-repeat;}
.sub_con .container .map_wrap .btn_area a .text {display: inline-block; position: relative; padding: 0 30px; font-weight: 300; font-size: 20px; line-height: 68px; color: #ffffff;}
.sub_con .container .map_wrap .btn_area a .text:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 28px; height: 29px; margin: -14px 0 0;}
.sub_con .container .map_wrap .btn_area a.btn_01 .text:before {-background: url("/template/foundation/user/images/sub/btn_icon_01.png") 0 0 no-repeat;}
.sub_con .container .map_wrap .btn_area a.btn_02 .text:before {-background: url("/template/foundation/user/images/sub/btn_icon_02.png") 0 0 no-repeat;}
.sub_con .container .map_wrap .btn_area a.btn_03 .text:before {-background: url("/template/foundation/user/images/sub/btn_icon_03.png") 0 0 no-repeat;}
/* // 오시는길 2020-07-01 */



/* ci 2020-07-01 */
.sub_con .container .ci_wrap {}
.sub_con .container .ci_wrap .cont_01 {padding: 0 0 72px; text-align: center;}
.sub_con .container .ci_wrap .cont_01.sty_01 {padding: 61px 0 74px;}
.sub_con .container .ci_wrap .cont_01 .title {display: inline-block; position: relative; padding: 0 0 33px; font-weight: 700; font-size: 40px; line-height: 60px; color: #222222;}
.sub_con .container .ci_wrap .cont_01 .title:before {display: block; content: ''; position: absolute; bottom: 0; left: 50%; width: 1px; height: 28px; margin: 0 0 0 -1px; background: #000000;}
.sub_con .container .ci_wrap .cont_01 .text_area {position: relative; padding: 55px 0 55px 351px; text-align: left;}
.sub_con .container .ci_wrap .cont_01 .text_area:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 100%; max-width: 315px; height: 100%; max-height: 253px; margin: -126px 0 0; background: url("/template/foundation/user/images/sub/ci_img_01.png") 0 0 no-repeat;}
.sub_con .container .ci_wrap .cont_01 .text_area .list {font-size: 0;}
.sub_con .container .ci_wrap .cont_01 .text_area .list li {margin: 35px 0 0; font-weight: 300; font-size: 18px; line-height: 27px; color: #252424;}
.sub_con .container .ci_wrap .cont_01 .text_area .list li:first-child {margin: 0;}
.sub_con .container .ci_wrap .cont_01 .text_area .list li .ft_color {display: inline-block; position: relative; color: #036eb8;}
.sub_con .container .ci_wrap .cont_01 .text_area .list li .ft_color:after {display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; background: #d9f0ff; z-index: -1;}
.sub_con .container .ci_wrap .cont_01 .imgs {margin: 46px 0 0; text-align: center;}
.sub_con .container .ci_wrap .cont_01 .imgs img {}

.sub_con .container .ci_wrap .cont_02 {margin: 0 -640px 0; padding: 62px 640px 79px; background: #f3f3f3; text-align: center;}
.sub_con .container .ci_wrap .cont_02 .area_01 .title {display: inline-block; position: relative; padding: 0 0 33px; font-weight: 700; font-size: 40px; line-height: 60px; color: #222222;}
.sub_con .container .ci_wrap .cont_02 .area_01 .title:before {display: block; content: ''; position: absolute; bottom: 0; left: 50%; width: 1px; height: 28px; margin: 0 0 0 -1px; background: #000000;}
.sub_con .container .ci_wrap .cont_02 .area_01 .imgs {margin: 33px 0 0;}
.sub_con .container .ci_wrap .cont_02 .area_01 .imgs.m {display: none;}
.sub_con .container .ci_wrap .cont_02 .area_01 .imgs img {}

.sub_con .container .ci_wrap .cont_02 .area_02 {margin: 32px 0 0;}
.sub_con .container .ci_wrap .cont_02 .area_02 .title {display: inline-block; position: relative; padding: 0 0 33px; font-weight: 700; font-size: 40px; line-height: 60px; color: #222222;}
.sub_con .container .ci_wrap .cont_02 .area_02 .title:before {display: block; content: ''; position: absolute; bottom: 0; left: 50%; width: 1px; height: 28px; margin: 0 0 0 -1px; background: #000000;}
.sub_con .container .ci_wrap .cont_02 .area_02 .text {margin: 30px 0 0; font-weight: 300; font-size: 18px; line-height: 27px; color: #252424;}
.sub_con .container .ci_wrap .cont_02 .area_02 .imgs_list {margin: 34px 0 0;}
.sub_con .container .ci_wrap .cont_02 .area_02 .imgs_list .list {font-size: 0;}
.sub_con .container .ci_wrap .cont_02 .area_02 .imgs_list .list li {display: inline-block; width: 100%; max-width: 623px; margin: 0 34px 0 0;}
.sub_con .container .ci_wrap .cont_02 .area_02 .imgs_list .list li:last-child {margin: 0;}
.sub_con .container .ci_wrap .cont_02 .area_02 .imgs_list .list li .imgs {}
.sub_con .container .ci_wrap .cont_02 .area_02 .imgs_list .list li .imgs img {}
.sub_con .container .ci_wrap .cont_02 .area_02 .imgs_list .list li .text {margin: 15px 0 0; font-weight: 400; font-size: 22px; line-height: 33px; color: #036eb8;}

.sub_con .container .ci_wrap .cont_03 {padding: 55px 0 0; text-align: center;}
.sub_con .container .ci_wrap .cont_03 > .title {display: inline-block; position: relative; padding: 0 0 33px; font-weight: 700; font-size: 40px; line-height: 60px; color: #222222;}
.sub_con .container .ci_wrap .cont_03 > .title:before {display: block; content: ''; position: absolute; bottom: 0; left: 50%; width: 1px; height: 28px; margin: 0 0 0 -1px; background: #000000;}
.sub_con .container .ci_wrap .cont_03 .color_list {margin: 42px 0 0;}
.sub_con .container .ci_wrap .cont_03 .color_list .list {overflow: hidden; margin: -26px; padding: 26px;}
.sub_con .container .ci_wrap .cont_03 .color_list .list > li {float: left; width: 100%; max-width: 410px; height: 100%; max-height: 200px; margin: 0 25px 26px 0; font-size: 0; box-shadow: 9px 9px 18px rgba(0, 0, 0, 0.16);}
.sub_con .container .ci_wrap .cont_03 .color_list .list > li:nth-child(3n) {margin: 0;}
.sub_con .container .ci_wrap .cont_03 .color_list .list > li > .color_area {display: inline-block; position: relative; width: 50%; padding: 27px 10px 146px; text-align: center; vertical-align: top;}
.sub_con .container .ci_wrap .cont_03 .color_list .list > li > .color_area .title {font-weight: 500; font-size: 18px; line-height: 27px; color: #ffffff;}
.sub_con .container .ci_wrap .cont_03 .color_list .list > li > .color_area .text {position: absolute; bottom: 23px; right: 25px; font-weight: 300; font-size: 16px; line-height: 24px; color: rgba(255, 255, 255, 0.3);}
.sub_con .container .ci_wrap .cont_03 .color_list .list > li > .color_info_text {display: inline-block; width: 50%; padding: 28px 28px 0 31px;}
.sub_con .container .ci_wrap .cont_03 .color_list .list > li > .color_info_text .list {margin: 0; padding: 0;}
.sub_con .container .ci_wrap .cont_03 .color_list .list > li > .color_info_text .list > li {float: inherit; width: inherit; margin: 6px 0 0; font-weight: 300; font-size: 16px; line-height: 24px; color: #7d7d7d; box-shadow: none; text-align: left;}
.sub_con .container .ci_wrap .cont_03 .color_list .list > li > .color_info_text .list > li:first-child {margin: 0;}
.sub_con .container .ci_wrap .cont_03 .color_list .list > li.color_01 .color_area {background: #604d3f;}
.sub_con .container .ci_wrap .cont_03 .color_list .list > li.color_02 .color_area {background: #d70050;}
.sub_con .container .ci_wrap .cont_03 .color_list .list > li.color_03 .color_area {background: #046eb8;}
.sub_con .container .ci_wrap .cont_03 .color_list .list > li.color_04 .color_area {background: #5d1a86;}
.sub_con .container .ci_wrap .cont_03 .color_list .list > li.color_05 .color_area {background: #1c1f88;}
.sub_con .container .ci_wrap .cont_03 .color_list .list > li.color_06 .color_area {background: #f49600;}
/* // ci 2020-07-01 */

/* 후원사 2020-07-02 */
.sub_con .container .sponsor_wrap {}
.sub_con .container .sponsor_wrap .cont1 {padding: 0 0 64px; text-align: center;}
.sub_con .container .sponsor_wrap .cont1 > .title {display: inline-block; position: relative; padding: 0 0 33px; font-weight: 700; font-size: 40px; line-height: 60px; color: #222222;}
.sub_con .container .sponsor_wrap .cont1 > .title:before {display: block; content: ''; position: absolute; bottom: 0; left: 50%; width: 1px; height: 28px; margin: 0 0 0 -1px; background: #000000;}
.sub_con .container .sponsor_wrap .cont1 .imgs_area {margin: 34px 0 0;}
.sub_con .container .sponsor_wrap .cont1 .imgs_area .inner {display: block; width: 100%; height: 240px; border: 1px solid #dcdcdc; text-align: center;}
.sub_con .container .sponsor_wrap .cont1 .imgs_area .inner:hover {-webkit-box-shadow: 11px 12px 21px 0px rgba(0, 0, 0, 0.18); -moz-box-shadow: 11px 12px 21px 0px rgba(0, 0, 0, 0.18); box-shadow: 11px 12px 21px 0px rgba(0, 0, 0, 0.18);}
.sub_con .container .sponsor_wrap .cont1 .imgs_area .inner a {position: relative; display: block; width: 100%; height: 100%;}
.sub_con .container .sponsor_wrap .cont1 .imgs_area .inner a img {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%);}
.sub_con .container .sponsor_wrap .cont1 .imgs_area .text {display: block; margin: 12px 0 0; font-weight: 300; font-size: 18px; line-height: 27px; color: #252424;}
.sub_con .container .sponsor_wrap .cont2 {padding: 61px 0 81px; text-align: center;}
.sub_con .container .sponsor_wrap .cont2.sty_01 {margin: 0 -680px; padding: 61px 680px 81px; background: #f3f3f3;}
.sub_con .container .sponsor_wrap .cont2 > .title {display: inline-block; position: relative; padding: 0 0 33px; font-weight: 700; font-size: 40px; line-height: 60px; color: #222222;}
.sub_con .container .sponsor_wrap .cont2 > .title:before {display: block; content: ''; position: absolute; bottom: 0; left: 50%; width: 1px; height: 28px; margin: 0 0 0 -1px; background: #000000;}
.sub_con .container .sponsor_wrap .cont2 .sponsor_list_area {margin: 22px 0 0;}
.sub_con .container .sponsor_wrap .cont2 .sponsor_list_area .list {overflow: hidden; margin: 0 -5px 0 0;}
.sub_con .container .sponsor_wrap .cont2 .sponsor_list_area .list li {float: left; position: relative; width: 300px; max-width: 300px; height: 100%; margin: 0 22px 0 0; padding: 9px 5px 39px 0;}
.sub_con .container .sponsor_wrap .cont2 .sponsor_list_area .list li:nth-child(4n) {margin: 0;}
.sub_con .container .sponsor_wrap .cont2 .sponsor_list_area .list li .imgs {border: 1px solid #dcdcdc;}

/* .sub_con .container .sponsor_wrap .cont2 .sponsor_list_area .list li:before {display: block; content: ''; position: absolute; top: 0; right: 0; width: 32px; height: 50px; z-index: 2;} 

.sub_con .container .sponsor_wrap .cont2 .sponsor_list_area .list li .imgs {border: 1px solid #dcdcdc;}
.sub_con .container .sponsor_wrap .cont2 .sponsor_list_area .list li.one:before {background: url("/template/foundation/user/images/sub/one_icon.png") 0 0 no-repeat;}
.sub_con .container .sponsor_wrap .cont2 .sponsor_list_area .list li.one .imgs {border: 4px solid #e5d166;}
.sub_con .container .sponsor_wrap .cont2 .sponsor_list_area .list li.two:before {background: url("/template/foundation/user/images/sub/two_icon.png") 0 0 no-repeat;}
.sub_con .container .sponsor_wrap .cont2 .sponsor_list_area .list li.two .imgs  {border: 4px solid #bebfbf;}
.sub_con .container .sponsor_wrap .cont2 .sponsor_list_area .list li.three:before {background: url("/template/foundation/user/images/sub/three_icon.png") 0 0 no-repeat;}
.sub_con .container .sponsor_wrap .cont2 .sponsor_list_area .list li.three .imgs {border: 4px solid #c6a480;} 
 */


.sub_con .container .sponsor_wrap .cont2 .sponsor_list_area .list li .imgs {height: 110px;}
.sub_con .container .sponsor_wrap .cont2 .sponsor_list_area .list li .imgs a {position: relative; display: block; width: 100%; height: 100%; background-color: #fff;}
.sub_con .container .sponsor_wrap .cont2 .sponsor_list_area .list li .imgs img {position: absolute; left: 50%; top: 50%; max-width: none; max-height: none; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} 
.sub_con .container .sponsor_wrap .cont2 .sponsor_list_area .list li .text {display: block; margin: 10px 0 0; font-weight: 300; font-size: 18px; line-height: 27px; color: #252424;}


.sub_con .container .sponsor_wrap .cont2 .sponsor_list_area .list li:hover .imgs {-webkit-box-shadow: 11px 12px 21px 0px rgba(0, 0, 0, 0.18); -moz-box-shadow: 11px 12px 21px 0px rgba(0, 0, 0, 0.18);box-shadow: 11px 12px 21px 0px rgba(0, 0, 0, 0.18);}
.sub_con .container .sponsor_wrap .cont2 .sponsor_list_area .list li:hover .text {font-weight: 700;}


/* // 후원사 2020-07-02 */

/* city 2020-07-02 */
.sub_con .container .city_wrap {}
.sub_con .container .city_wrap .cont1 {padding:  0 0 42px; text-align: center;}
.sub_con .container .city_wrap .cont1 .sub_text {font-weight: 700; font-size: 22px; line-height: 33px; color: #99bed7;}
.sub_con .container .city_wrap .cont1 .title {font-weight: 500; font-size: 50px; line-height: 90px; color: #000000;}
.sub_con .container .city_wrap .cont1 .title .ft_color {color: #036eb8;}
.sub_con .container .city_wrap .cont1 .imgs {margin: 33px 0 0;}
.sub_con .container .city_wrap .cont1 .imgs img {}
.sub_con .container .city_wrap .cont2 {position: relative; margin: 0 -680px; padding: 80px 680px 101px;}
.sub_con .container .city_wrap .cont2:before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 830px; background: #f3f3f3; z-index: -1;}
.sub_con .container .city_wrap .cont2:after {display: block; content: ''; position: absolute; bottom: 0; left: 50%; width: 100%; height: 100%; max-height: 500px; margin: 0 0 0 -1280px; background: url("/template/foundation/user/images/sub/city_bottom_img.jpg") 0 0 / 100% no-repeat; z-index: -1;}
.sub_con .container .city_wrap .cont2 .area {overflow: hidden; margin: 0 -20px 0 0; padding: 0 20px 39px 0;}
.sub_con .container .city_wrap .cont2 .area.fr .imgs {float: right;}
.sub_con .container .city_wrap .cont2 .area.fl .imgs {float: left;}
.sub_con .container .city_wrap .cont2 .area .imgs {box-shadow: 9px 9px 16px rgba(0, 0, 0, 0.15);}
.sub_con .container .city_wrap .cont2 .area .imgs img {}
.sub_con .container .city_wrap .cont2 .area .inner {padding: 50px 0 30px; font-size: 0;}
.sub_con .container .city_wrap .cont2 .area.fr .inner {float: left;}
.sub_con .container .city_wrap .cont2 .area.fl .inner {float: right;}
.sub_con .container .city_wrap .cont2 .area.fl.sty_01 .inner {padding: 147px 0 0;}
.sub_con .container .city_wrap .cont2 .area .inner .title {display: inline-block; position: relative; padding: 0 100px 0 0; font-weight: 700; font-size: 40px; line-height: 50px; color: #222222;}
.sub_con .container .city_wrap .cont2 .area.fl.sty_01 .inner .title {color: #ffffff;}
.sub_con .container .city_wrap .cont2 .area .inner .title:after {display: block; content: ''; position: absolute; top: 50%; right: 0; width: 80px; height: 53px; margin: -26px 0 0;}
.sub_con .container .city_wrap .cont2 .area .inner .title.flag_01:after {background: url("/template/foundation/user/images/sub/city_flag_icon_01.jpg") 0 0 no-repeat;}
.sub_con .container .city_wrap .cont2 .area .inner .title.flag_02:after {background: url("/template/foundation/user/images/sub/city_flag_icon_02.jpg") 0 0 no-repeat;}
.sub_con .container .city_wrap .cont2 .area .inner .title.flag_03:after {background: url("/template/foundation/user/images/sub/city_flag_icon_03.jpg") 0 0 no-repeat;}
.sub_con .container .city_wrap .cont2 .area .inner .title.flag_04:after {background: url("/template/foundation/user/images/sub/city_flag_icon_04.jpg") 0 0 no-repeat;}
.sub_con .container .city_wrap .cont2 .area .inner .title.flag_05:after {background: url("/template/foundation/user/images/sub/city_flag_icon_05.jpg") 0 0 no-repeat;}
.sub_con .container .city_wrap .cont2 .area .inner .title.flag_06:after {background: url("/template/foundation/user/images/sub/city_flag_icon_06.jpg") 0 0 no-repeat;}
.sub_con .container .city_wrap .cont2 .area.fl.sty_01 .inner .title.flag_06:after {top: inherit; bottom: 5px; margin: 0;}
.sub_con .container .city_wrap .cont2 .area .inner .title .ft_color {color: #35acff;}
.sub_con .container .city_wrap .cont2 .area .inner .info_list {margin: 37px 0 0;}
.sub_con .container .city_wrap .cont2 .area .inner .info_list .list {}
.sub_con .container .city_wrap .cont2 .area .inner .info_list .list li {margin: 20px 0 0; font-size: 0;}
.sub_con .container .city_wrap .cont2 .area .inner .info_list .list li:first-child {margin: 0;}
.sub_con .container .city_wrap .cont2 .area .inner .info_list .list li .day {display: inline-block; margin: 0 14px 0 0; padding: 0 13px; background: #036eb8; font-weight: 500; font-size: 18px; line-height: 27px; color: #ffffff; border-radius: 15px;}
.sub_con .container .city_wrap .cont2 .area .inner .info_list .list li .text {display: inline-block; font-weight: 500; font-size: 20px; line-height: 27px; color: #2a2a2a; word-break: keep-all;}
.sub_con .container .city_wrap .cont2 .area.fl.sty_01 .inner .info_list .list li .text {color: #ffffff;}
/* // city 2020-07-02 */




#sub_con_wrap.management_wrap {position: relative; max-width: 100%;}
.management_wrap .sub_con {padding-top: 85px;}
.management_wrap .management_bg {position: absolute; top: -70px; width: 100%; height: 707px; background: url('/template/foundation/user/images/sub/management_bg.png') no-repeat; -webkit-background-size: cover; background-size: cover;}
.management_wrap .management_box_wrap {overflow: hidden; padding-bottom: 30px; text-align: center;}
.management_wrap .management_tit {text-align: center; margin:0px 0 55px; color: #fff;}

.management_wrap .management_box_wrap .box {display: inline-block; width: 310px; height: 410px; margin-right: 13px;  text-align: center; -webkit-background-size: cover; background-repeat: no-repeat; background-size: cover;}
.management_wrap .management_box_wrap .box01 {background-image: url('/template/foundation/user/images/sub/management_btn_bg1.png');}
.management_wrap .management_box_wrap .box02 {background-image: url('/template/foundation/user/images/sub/management_btn_bg2.png');}
.management_wrap .management_box_wrap .box03 {background-image: url('/template/foundation/user/images/sub/management_btn_bg3.png') ;}
.management_wrap .management_box_wrap .box04 {background-image: url('/template/foundation/user/images/sub/management_btn_bg4.png') ;}
.management_wrap .management_box_wrap .box:last-child {margin-right: 0;}

.management_wrap .management_box_wrap .box a {display: block; width: 100%; height: 100%; padding-top: 50px;} 
.management_wrap .management_box_wrap .box .tit {position: relative; margin-bottom: 80px; font-size: 1.667em; font-weight: 700;}
.management_wrap .management_box_wrap .box .tit:after {content: ''; position: absolute; bottom: -45px; left: 50%; width: 1px; height: 30px; background-color: #6b6b6b;}
.management_wrap .management_box_wrap .box .txt {display: block; width: 145px; height: 48px; line-height: 46px; margin: 0 auto; border: 1px solid #252525; color: #252525; font-size: 1em;}
.management_wrap .management_box_wrap .box:hover .txt {background-color: #313131; color: #fff; }