.main_content{width: 100%; height: auto;}
.main_content01{width: 100%; height: auto; min-height: 802px; margin-top: -98px; padding-top: 108px; background-image: url("tems/common_renew/image/main/main_bg01.png"); background-repeat: no-repeat; background-position: center; background-size: cover;}
.main_content_wrap{width: 1200px; height: auto; margin: 0 auto;}
.box_round{border-radius: 5px; box-shadow:0 15px 25px -5px rgba(0,0,0,0.3);}
/* .main_visual{width: 100%; height: 490px; text-align: center; background-image: url("tems/common_renew/image/main/main_visual_bg.png"); padding-top: 100px;} */
.main_visual{width: 100%; height: 475px; text-align: center; background-image: url("tems/common_renew/image/main/new_main_bg.png"); background-size:100%;}
.main_visual h4{font-size: 25px; line-height: 40px; letter-spacing: -0.06em; color: #222222; margin-bottom: 4px;}
.main_visual p{font-size:16px; line-height: 24px; letter-spacing: -0.06em; color: #222222; position: relative; margin-top: 40px; padding-top: 36px;}
.main_visual p strong{font-weight: 600;}
.main_visual p:before{content: " "; width: 70px; height: 1px; background-color: #c6c6c6; position: absolute; top: 0; left: 50%; margin-left: -35px;}

.main_content02{width: 100%; height: auto; background:linear-gradient(to bottom right, #243c7a, #85c440); padding-bottom: 320px;}
.main_con02-1 > div{margin-top: -161px;}
.main_con02-1 .fl_lft{float: left; width:576px;}
.main_con02-1 .fl_rgt{float: right; width: 576px; position: relative;}
.main_con02-1:after{display: block; content: ""; clear: both;}
.main_title_b{font-size: 23px; font-weight: bold; color: #222222; line-height: 40px; letter-spacing: -0.06em;}
.main_con02-1 .fl_lft .box_round{position: relative; background-color: #fff}
.main_slide_btn{position: absolute; width: 145px; height: 38px; border-radius: 19px; background-color: #64778f; bottom: 0; margin-bottom: -19px; left: 50%; margin-left: -72px; z-index: 90;}
.main_slide_btn{text-align: center; padding-top: 6px;}/* 20200217 수정 */
.main_slide_btn > li{display: inline-block;}
.slide-counter{font-size: 17px;  font-weight: bold; color: #fff; letter-spacing: -0.03em; margin-right: 10px;}
.slide_btn{vertical-align: middle; margin-top: -2px;}
.slide_btn a{display: block; width: 7px; height:14px; background-image: url("tems/common_renew/image/main/slide_btn.png"); }
.slide_stop{background-position: -12px; margin-left: 1px;}
.slide_next{background-position: -24px; margin-left: 1px;}
.main_info_t{font-size: 14px; letter-spacing: -0.06em; line-height: 35px; color: #fff;}
.main_login_btn{position: absolute; right: 0; top: 2px;}
.btn_type01 a{display: inline-block; font-size: 15px; font-weight: bold; color: #fff; background-color: #1660b4; height: 34px; border-radius: 17px; line-height: 34px; padding: 0 20px;}
.btn_type02 a{display: inline-block; font-size: 15px; font-weight: bold; color: #fff; background-color: #64778f; height: 34px; border-radius: 17px; line-height: 34px; padding: 0 20px;}
.lBox01_con > li{width: 281px; height: 243px; text-align: center; float: left; margin-right:14px; background-color: #fff; padding-top: 29px;}
.lBox01_con > li:last-child{margin-right: 0;}
.lBox01_con:after{display: block; content: ""; clear: both;}
.lBox01_con > li h4{font-size: 20px; font-weight: 900; color: #222222; letter-spacing: -0.06em; margin-bottom: 16px;}
.lBox01_con > li h4 span{font-size: 15px; letter-spacing: -0.06em; font-weight: normal; color: #555;}
.lBox01_con_ico{padding:0 30px;}
.lBox01_con_ico > li{display: inline-block; width: 48%;}/*20200217 수정*/
.lBox01_con_ico > li > a >span{display: block; font-size: 13px; font-weight: 600; letter-spacing: -0.08em; line-height: 19px; color: #555555; padding-top: 8px;}/*20200217 수정*/
.lBox01_con_ico02 > li{width: 100%;}
.main_login_btn > li{float: left; margin-left: 5px;}
.main_login_btn:after{display: block; content: ""; clear: both;}
.lBox02{padding: 30px; background-color: #fff; text-align: center;}
.lBox02 h4{font-size: 20px; font-weight: 900; color: #222222; letter-spacing: -0.06em; margin-bottom: 16px;}
.lBox02 h4 span{font-size: 15px; letter-spacing: -0.06em; font-weight: normal; color: #555;}
.lBox02_num > li{width:123px; height: 122px; float: left; margin-right: 8px; }/*20200212 수정*/
.lBox02_num > li:last-child{margin-right: 0;}
.lBox02_num:after{display: block; content: ""; clear: both;}
.lBox02_num li a{display: block; width: 100%; height: 100%; padding-top: 26px;}
/*.lBox02_num li:hover{border:2px solid #1660b4;} 20200212 삭제*/
.lBox02_num li a span{display: block;}
.lBox02_num_t{font-size: 15px; font-weight: bold; color: #555555; letter-spacing: -0.06em; line-height: 19px;}
.lBox02_num_n{font-size: 50px; font-weight: bold; color: #1660b4; letter-spacing: -0.06em; margin-top: -2px;}
.main_title_w{font-size: 23px; line-height: 40px; letter-spacing: -0.06em; color: #fff; font-weight: bold; margin-bottom: 1px;}
.main_con02-2{margin-top: 54px;}
.main_con02-2 .fl_lft{float: left; width:576px;}
.main_con02-2 .fl_rgt{float: right; width:576px;}
.main_con02-2:after{display: block; content: ""; clear: both;}
.video{position: relative;}

.video_con{width: 100%; height: 357px; overflow: hidden;}
.video button{position: absolute; top: 50%; margin-top: -30px; left: 50%; margin-left: -22px; background-color: transparent; border: 0;}
.main_notice{position: relative;}
.main_notice > ul > li{width: 281px; height: auto; float: left; margin-right: 14px;}
.main_notice > ul > li:last-child{margin-right: 0;}
.main_notice > ul:after{display: block; content: ""; clear: both;}
.notice_lft a{display: block; width: 100%; height: 334px; background-color: #fff; padding:28px 30px;}
.m_notice_title{font-size: 23px; line-height: 27px; color: #227ead; letter-spacing: -0.06em; font-weight: 900;overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  word-wrap:break-word;  height: 81px }
.m_notice_con{font-size: 15px; font-weight: 600; color: #555555; line-height: 22px; letter-spacing: -0.06em; margin-top: 70px;overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 4;  -webkit-box-orient: vertical;  word-wrap:break-word;  height: 88px }
.m_notice_day{font-size: 15px; line-height: 22px; color: #555555; margin-top: 20px; display: block;}
.notice_lft.box_round{overflow: hidden;}
.notice_rgt .box_round{overflow: hidden;}
.notice_rgt ul li{width: 100%; height: auto; margin-bottom: 14px; background-color: #227ead;}
.notice_rgt ul li a{display: block; width: 100%; height: 160px;padding:29px 30px 0;}
.m_notice_title_w{font-size: 17px; font-weight: bold; color: #fff; line-height: 21px; letter-spacing: -0.06em;overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  word-wrap:break-word;  height: 63px}
.m_notice_day_w{font-size: 15px; line-height: 22px; letter-spacing: -0.03em; color: #fff; margin-top: 22px; display: block;}
.more_btn{position: absolute; background-color: transparent; border: 0; right: 0; top: 8px;}
.main_news{position: relative; margin-top: 8px;}
.main_news > ul > li{width: 281px; float: left; margin-right: 14px;}
.main_news > ul > li a{display: block; width: 100%; height: 160px; padding:29px 30px 0;}
.main_news > ul > li:last-child{margin-right: 0;}
.main_news > ul:after{display: block; content: ""; clear: both;}
.news_01{background-color: #fff;}
.news_01 a span{font-size: 17px; font-weight: bold; color: #1660b4; line-height: 21px; letter-spacing: -0.06em;overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  word-wrap:break-word;  height: 42px}
.news_01 a b{font-size: 15px; font-weight: normal; line-height: 22px; color: #555555; display: block; margin-top: 43px;}
.news_02{background-color: #1660b4;}
.news_02 a span{font-size: 17px; font-weight: bold; color: #fff; line-height: 21px; letter-spacing: -0.06em;overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  word-wrap:break-word;  height: 42px}
.news_02 a b{font-size: 15px; font-weight: normal; line-height: 22px; color: #fff; display: block; margin-top: 43px;}
.main_con02-3{margin-top: 40px;}
.main_con02-3 > ul > li{width: 368px; height: auto; float: left; margin-right:48px; }
.main_con02-3 > ul:after{display: block; content: ""; clear: both;}
.main_con02-3 > ul > li:last-child{margin-right: 0;}
.main_con_slide02{position: relative;}
.main_info{width: 100%; height: 160px; background-color: #1b7b8f; text-align: center; padding-top: 38px;}/*20200217 수정*/
.main_info p{font-size: 33px; font-weight: 900; color: #fff; letter-spacing: -0.06em;}
.main_info span{display: block; font-size: 15px; line-height: 22px; letter-spacing: -0.03em; font-weight: normal; margin-top: 3px;}
.main_con_slide03{position: relative; }
.main_con_slide03 #main_con_slide03{background-color: #fff;}
.main_con_slide03_box{text-align: center; background-color: #fff; border-radius: 5px; overflow: hidden; width: 100%; height: 160px;padding: 29px 30px 0;}
.slide_title{font-size: 21px; font-weight: 900; color: #222222; letter-spacing: -0.06em; display: block; margin-bottom: 4px;}
.slide_con{text-align: center; font-size: 15px; font-weight: 600; color: #555; line-height: 19px; letter-spacing: -0.06em; padding: 0px; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  word-wrap:break-word;  height: 57px}
.slide_con02{font-size: 14px; line-height: 19px; letter-spacing: -0.06em; color: #555555; border-top:1px solid #e5e5e5; padding-top: 9px; margin-top: 11px; text-overflow:ellipsis;  white-space:nowrap;  word-wrap:normal;  width:100%;  overflow:hidden; display: block;}

.main_content03{width: 100%; height: auto; background-color: #e5e5e5; padding-bottom: 161px; background-image: url("tems/common_renew/image/main/main_bg03.png"); background-repeat: no-repeat; background-position: bottom;}
.main_content03 .main_content_wrap > div:after{display: block; content: ""; clear: both;}
.main_faq {background-color: #fff; position: relative; padding:21px 30px 30px; float:left; margin-top: -200px; width: 1200px;}
.faq_list{width: 100%; height: auto; border-top:2px solid #aaaaaa; margin-top: 10px;}
.faq_list_wrap{border-bottom: 1px solid #d9d9db}
.faq_list > ul:last-child{border-bottom: 1px solid #e5e5e5}
.faq_list_wrap > li{border-bottom: 1px solid #d9d9db;}
.faq_list_wrap > li{border-bottom: 1px solid #e5e5e5;}
.faq_list_wrap > li > a{display: block;}
.faq_q{padding: 19px 0 17px; background-image: url("tems/common_renew/image/main/faq_down.png");  background-repeat: no-repeat; background-position: 96.7% center;}
.faq_q > li {float: left;}
.faq_q:after{display: block; content: ""; clear: both}
.faq_q_num{width: 176px; margin-right:10px; font-size: 17px; text-align: center; letter-spacing: -0.06em; color: #555555; }
.faq_q_con{width:calc(100% - 200px); font-size: 17px; letter-spacing: -0.06em; color: #222; line-height: 21px; font-weight: bold;}
.faq_q_con img{margin-left:10px; }
.faq_a{display: none; background-color: #f7f7f7; border-top:1px solid #e5e5e5; }
.faq_answer{ background-repeat: no-repeat; background-position:11px 10px;  font-size: 15px; line-height: 22px; letter-spacing: -0.006em; color: #555; padding: 22px 70px 20px 186px;}
.faq_on .faq_q{background-image: url("tems/common_renew/image/main/faq_up.png");  background-repeat: no-repeat; background-position: 96.7% center;}
.main_content03 .more_btn{right:30px; top: 28px}
.main_con03-2{margin-top: 111px;}
.main_con03-2 p{ background-image: url("tems/common_renew/image/main/main_text_bg.png"); background-repeat: no-repeat; background-position: center; text-align: center; width:952px; margin: 0 auto; font-size: 40px; line-height: 54px; color: #243c7a; }
.main_con03-2 p span{font-weight: 900; border-bottom: 1px solid rgba(36,60,122,0.5);}

/*퀵*/
#quick{width: 115px; height: auto; max-height: 486px; position: fixed; right: 0; top: 155px; background-color: #fff; overflow: hidden; border-radius: 5px 0 0 5px; box-shadow:0 10px 15px -5px rgba(0,0,0,0.2);}/* 2021개편 */
.quick_logo{width: 100%; height: auto; padding: 19px 0 20px; text-align: center; background:linear-gradient(to bottom right, #4883be, #82bf4c);}
.quick_wrap ul li{width: 100%; height: 74px; border-bottom: 1px solid #e5e5e5; text-align: center;}
.quick_wrap ul li a{font-size: 14px; line-height: 20px; letter-spacing: -0.06em; color: #555555; padding-top: 17px; display: block; width: 100%; height: 100%; }
.quick_wrap ul li a.pt_27{padding-top: 27px;}
.quick_top{text-align: center;}
.quick_top a{padding: 10px 0; display: block; width: 100%; height: 100%;}
/*퀵 END*/

/*20200212 추가*/
.panel {position: relative;}
.card {position: absolute; top: 0; left: 0;  width: 100%;  height: 100%;  transition: all .5s;  backface-visibility: hidden;}
.front {z-index: 2; border:2px solid #cccccc; border-radius: 6px;}
.back {z-index: 1; transform: rotateY(-180deg);  background-color: #1660b4;border-radius: 6px; font-size: 16px; line-height: 20px; letter-spacing: -0.06em; color: #fff;}
.back em{font-size: 14px;}
.panel:hover .front { z-index: 1; transform: rotateY(180deg); }
.panel:hover .back { z-index: 2; transform: rotateY(0deg);}
.lBox02_num li a.pt_30{padding-top: 30px;}
.lBox02_num li a.pt_40{padding-top: 40px;}
/*20200212 추가 END*/