/* Common **********************************************************************/
html,body {width:100%; }
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust-auto | none |N% (default auto)
}
body {word-break:break-all;-ms-word-break:break-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:15px; line-height:1.7; font-family: 'Meiryo'; color:#555;} 
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#01377a; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 처리 */
.invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

.subscription{text-align: end;}
.subscription_btn {font-weight: bold;}
.subscription_btn:hover {color: #00b0f0;}

/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/

.list {border-top:2px solid #1c1815; border-bottom:1px solid #1c1815;}

.language {position:absolute; top: 50px; right: 20px; width:100px; height:35px; overflow:hidden; border:1px solid #dfdfdf; cursor:pointer; background:#fff; z-index:1000;}
.language.on {height:140px; z-index:999999}
.language h5 {font-size:12px; color:#666; padding-left:11px; line-height:15px; font-weight:normal; background:url(/images/main/l_arrow.png) 90% 13px no-repeat; background-size: 10px; background-position-y: 3px;}
.language.on h5{background:url(/images/main/l_arrow_on.png) 90% 13px no-repeat; background-size: 10px; background-position-y: 3px;}

.user_menu {position:absolute; top: 26px; right: 130px; height:35px; overflow:hidden; cursor:pointer; background:#ffffff; z-index:1000; border: 1px solid #dfdfdf;}
.user_menu.on {height:117px; z-index:999999}
.user_menu2 {position:absolute; top: 26px; right: 130px; height:35px; overflow:hidden; cursor:pointer; background:#ffffff; z-index:1000; border: 1px solid #dfdfdf;}
.user_menu h5 {font-size:15px; color:#666; font-weight:normal; padding-left: 5px; padding-right: 5px;}
.login_tit i {margin-left: 10px; margin-right: 10px;}
/*.user_menu .lang_menu { text-align: center;}*/

/*서브 컨텐츠영역 끝*/
.notification_sort{position:relative;padding:0 0 0 1px;overflow:hidden;border-bottom: 0px;}
.notification_sort:before{position:absolute;left:0;bottom:0;display:block;width:100%;height:2px;content:'';background:#204694}
.notification_sort li{float:left;margin-left:-1px}
.notification_sort li a{display:block;padding:11px 17px 14px;color:#888;letter-spacing:-0.03em;background:#f5f5f5;border-right:1px solid #ccc;border-left:1px solid #ccc;border-top:1px solid #ccc;font-size:15px;/*border-bottom-color:#111;*/width:200px;text-decoration:none;text-align:center;}
.notification_sort li a.current{position:relative;color:#111;border-right:2px solid #204694;border-left:2px solid #204694;border-top:2px solid #204694;background:#fff;z-index:1}
.notification_sort li a.past{position:relative;color:#111;border-right:2px solid #204694;border-left:2px solid #204694;border-top:2px solid #204694;background:#fff;z-index:1}
.notification_sort li a:hover, .tab_sort li a:focus{/*font-weight:bold;*/color:#111;background-color:#fff;}

/* 검색엔진*/
.search_inner{ margin: 0px auto; max-width: 95%; }
.modal-open { padding-right: 0px !important; }
.clear_search_history { padding: 10px;}
.search_engine_btn {position: relative;top: 10px;left: 50%;transform: translate(-50%, 0);width: 36px;height: 36px;border: 1px solid #E5E5E5;border-radius: 50%;background: #fff;background-size: 14px auto;z-index: 1201;}
.search_engine_box {display: flex;-webkit-box-align: center;align-items: center;position: relative;width: 650px;height: 46px;padding: 0 84px 0 20px;-webkit-box-sizing: border-box;background-color: #fff;border-radius: 40px;border: 1px solid #D9D9D9;}
.search_engine_box input {-webkit-appearance: none;height: 26px;vertical-align: middle;border-radius: 0;width: 100%;border: 0;color: #000;background: transparent;z-index: 1;outline: none;}
.search_engine_box button {position: absolute;top: 0;right: 18px;width: 37px;height: 46px;background-color: transparent;background: url(/images/btn_search.png) 20% 50% no-repeat;background-size: 30px auto;}
#search_engine{ cursor: pointer;}
#search_engine_form {position: absolute;top: 0;left: 0;right: 0;width: 100%;z-index: 1200;}
#search_engine_body {display: flex;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;height: 150px;background-color: #fff;border-radius: 5px; border: 1px solid rgba(0,0,0,.2);}
.list_fold { padding: 0px 20px 15px 0px; text-align: end; cursor: pointer; color: blue; font-weight: 600;}

.search_list {position: absolute;left: 50%;top: 97px;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);z-index: 248;width: 600px;}
.search_list .list_layer_inner {background-color: #fff;border: 1px solid #D9D9D9;border-top: 0;border-radius: 0 0 20px 20px;overflow: hidden;}
.search_list .item {display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative; height: 30px;}
.search_list .item a{flex: 1;margin-right: auto;padding: 6px 0 6px 8px;font-size: 14px;line-height: 16px;}
.search_list .item {display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;}
.search_list .item a{flex: 1;margin-right: auto;padding: 6px 0 6px 8px;font-size: 14px;line-height: 16px;}
.list_layer_inner .layer_cont {display: -webkit-box;display: -ms-flexbox;display: flex;padding: 10px 20px 5px 20px; min-height: 300px;}
.box-popular {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: calc(100% / 2 - 20px);}
.box-recent {margin-right: 40px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: calc(100% / 2 - 20px);}
.box-popular .tit, .box-recent .tit {display: block;padding-bottom: 10px;font-size: 14px;line-height: 18px;color: #01377a;border-bottom: 1px solid #D9D9D9;}
.search_history_list_form {overflow-y: auto; height: 400px;}
.search_item{padding: 6px 8px 6px 8px;}
#searchkeywordPopular .mybookmark_list_form, #searchkeywordPopular .suggest_list_form{ min-height: 200px;}

.search_menu_mob{display:none;}
.search_menu_pc{width: 100%; height: 110px; /*border-bottom: 1px solid #8ac441;*/}
.search_menu_pc ul{font-size: 0; /*text-align: center;*/}
.search_menu_pc ul li{position: relative; display:inline-block;}
.search_menu_pc ul li:after{content:''; position: absolute; width: 0; height: 5px; left: 50%; bottom: 0; transform: translateX(-50%); background-color:#084897; transition: 0.3s; }
.search_menu_pc ul li.on:after{width: 100%;}
.search_menu_pc ul li:hover:after{width: 100%;}
.search_menu_pc ul li a{padding: 0 35px; line-height: 60px; font-size: 17px; color:#666666; font-weight: 500; }

.search_product_list h3 i {border-radius: 50%;font-size: 30px;padding: 10px;background: #cddaea;color: #084897; width: 50px; text-align: center;}
.search_product_list h3 a:hover{color:#00b0f0;text-decoration-line: none;}
.search_product_list h2 {font-weight: 600;}
.search_product_list div p{width: 100%;  padding: 0px 20px;  overflow: hidden;  text-overflow: ellipsis;  white-space: pre-line;  /*height: 40px;*/ margin-top: 10px;}
.search_product_list ul li{display: inline-block; padding-right: 10px; font-size: 18px;}
.search_product_list ul li a:hover{color:#00b0f0;text-decoration-line: none;}
.search_product_list ul li a{padding: 5px;outline: auto;}
.search_product_list .series_line {font-weight: 600; display: flex;}
.search_product_list .series_line a{cursor: pointer;}
.search_product_list .series_line a:hover{color:#00b0f0;text-decoration-line: none;}

.search_sub_menu{margin: 3px 0px 0px 25px;}
.search_sub_menu input{position: relative;width: 17px;height: 15px;background: #ffffff;border: 1px solid #bcc3ca;border-radius: 2px;outline: none;transition: all 200ms;cursor: pointer;margin-bottom: 5px;}
.search_sub_menu label{font-weight: bold; cursor: pointer;}
.search_side_title{font-size: x-large; font-weight: 600; margin-top: 20px;}
.border_bottom_1{border-bottom: 4px solid #084897;}
.border_bottom_2{border-bottom: 4px solid #8cc63f;}
.search_sub_menu ul li{width: 100%;}
.search_sub_menu_li {padding-left: 10px;font-size: 12px;}
.lnb ul.active { display:block; }


/*메인 팝업*/
.main-pop {position: relative;z-index: 10000;height: 0; display: none;}
.main-pop2 {position: relative;z-index: 10000;height: 0; display: none;}
.pop-layer {position: fixed;top: 100px;left: 100px;width: 500px;box-shadow: 10px 10px 10px rgb(0 0 0 / 22%);background: #fff; border-style: solid;border-color: #5c88be;border-width: 20px;}
.pop-layer2 {position: fixed;top: 150px;left: 650px;width: 500px;box-shadow: 10px 10px 10px rgb(0 0 0 / 22%);background: #fff; border-style: solid;border-color: #5c88be;border-width: 20px;}
/* .pop-layer {position: fixed;top: 100px;left: 100px;width: 500px;box-shadow: 10px 10px 10px rgb(0 0 0 / 22%);background: #fff; border-style: solid;border-color: #5c88be;border-width: 20px;}
.pop-layer2 {position: fixed;top: 150px;left: 650px;width: 500px;box-shadow: 10px 10px 10px rgb(0 0 0 / 22%);background: #fff; border-style: solid;border-color: #5c88be;border-width: 20px;} */
.pop-cont {padding: 10px 10px 10px 10px; height: 430px;}
#popup_title {width: 33%; float: left; font-size: 30px;font-weight: 600; border-right: outset;border-color: #084897;}
#popup_title span {color: #084897;}
#popup_content {width: 65%; float: left; padding-left: 15px; word-break: keep-all;}
#popup_content span {font-size: 18px; color: #084897; font-weight: 600;}

/*문의 사항*/
.contactus-main {position: fixed; top: 100px; right: -450px; z-index: 1100; transition: right 0.6s ease;}
.contactus-main .contactus {position: absolute; top: 0; right: 0; width: 450px; min-height: 710px; background-color: #8cc63f; padding: 20px; color: white;}
.contactus-main .contactus .contact_us {position: absolute;transform: rotate(90deg);height: 60px;line-height: 60px;top: 70px;left: -130px;   width: 200px;   background-color: #8cc63f; cursor: pointer;}
.contactus-main .contactus .contact_us strong {margin: 20px; font-size: 15px; color: white;}

.contactus_tb {width: 600px;}
/*.contactus_tb .mandatory {background: url(/images/sub/mandatory.png) no-repeat 0px 10px;}*/
.contactus_tb td {position: relative;padding: 0px 25px;}
.contactus_tb th {font-size: 16px;color: #000;font-weight: 400;padding: 5px 0 0 0px;vertical-align: top;color: white;}
.contactus_tb td input {width: 265px;height: 35px;padding-left: 20px;border: 1px solid #eee;font-size: 15px;box-sizing: border-box;}
.contactus_tb td textarea {width: 265px;height: 120px;padding-left: 20px;border: 1px solid #eee;font-size: 15px;box-sizing: border-box;}
.contactus .clause_txt {padding: 10px 10px 10px 10px;font-size: 14px;color: #4d4d4d;border: 1px solid #d3d3d3;background-color: #fff;}
.contactus_tb td select {width: 265px;height: 35px;padding-left: 20px;border: 1px solid #eee;font-size: 15px;box-sizing: border-box; }
#contactus_send {width: 120px;height: 30px;background: black;}
/*회원가입*/
.profile {/*position: absolute;top: 35px;right: 220px;*/width: 10%; height: 115px;overflow: hidden;cursor: pointer;background: #fff;z-index: 9999; text-align: center; padding: 15px;}
.profile i {font-size: 85px; color: yellowgreen;}
.profile.on {height:113px; z-index:999999}
.profile h5 {font-size:12px; color:#666; padding-left:11px; line-height:15px; font-weight:normal; background:url(/images/main/l_arrow.png) 90% 13px no-repeat; background-size: 10px; background-position-y: 3px;}
.profile.on h5{background:url(/images/main/l_arrow_on.png) 90% 13px no-repeat; background-size: 10px; background-position-y: 3px;}
.profile_fomat2 {float: right;width: 15%; padding: 15px;}
.profile_fomat2 li{ font-size: 15px;}
.profile_fomat1 .profile_name { font-weight: bold; }
.profile_fomat1 .password_change { background: #084897; padding: 5px; font-weight: bold;}
.profile_fomat1 {float: right;width: 75%;border-left: solid;padding: 30px;padding-left: 40px;}
.profile_wrap ul li{ line-height: 50px; }
.format {margin: 0 150px;}
.format2 {margin: 0 250px;}
.format3 {margin: 0 50px;}
.profile_menu_pc{margin-top: 30px;width: 100%;}
.profile_menu_pc ul{font-size: 0; /*text-align: center;*/}
.profile_menu_pc ul li{position: relative; display:inline-block;}
.profile_menu_pc ul li:after{content:''; position: absolute; width: 0; height: 5px; left: 50%; bottom: 0; transform: translateX(-50%); background-color:#084897; transition: 0.3s; }
.profile_menu_pc ul li.on:after{width: 100%;}
.profile_menu_pc ul li:hover:after{width: 100%;}
.profile_menu_pc ul li a{padding: 0 35px; line-height: 60px; font-size: 17px; color:#666666; font-weight: 500; cursor: pointer;}

.subscription_page_menu_pc{margin-top: 20px;width: 100%;}
.subscription_page_menu_pc ul{font-size: 0; /*text-align: center;*/}
.subscription_page_menu_pc ul li{position: relative; display:inline-block;}
.subscription_page_menu_pc ul li:after{content:''; position: absolute; width: 0; height: 5px; left: 50%; bottom: 0; transform: translateX(-50%); background-color:#084897; transition: 0.3s; }
.subscription_page_menu_pc ul li.on:after{width: 100%;}
.subscription_page_menu_pc ul li:hover:after{width: 100%;}
.subscription_page_menu_pc ul li a{padding: 0 10px; line-height: 35px; font-size: 15px; color:#666666; font-weight: 500; cursor: pointer;}


.clause_txt {padding: 40px 20px 40px 20px;font-size: 14px;color: #4d4d4d;border: 1px solid #d3d3d3;background-color: #fff;}
.clause_txt dl dd table {width: 100%;border-top: 2px solid #d3d3d3;}
.clause_txt dl dd table thead th {background-color: #f8f8f8;color: #333;text-align: center;height: 35px;border-bottom: 1px solid #d3d3d3;}
.clause_txt dl dd table tbody th {background-color: #f8f8f8;text-align: center;border-bottom: 1px solid #d3d3d3;padding: 5px 0;}
.clause_txt dl dd table tbody td {text-align: center;border-bottom: 1px solid #d3d3d3;}

.login_title {width: 600px;margin: 0 auto;margin-bottom: 50px;margin-top: 100px;}
.clause_login {margin: 0px 30px;}
.login_input {clear: both;margin: 0 auto; }
.login_input2 {clear: both;margin: 0 auto;padding: 15px;border-top: 1px solid #d3d3d3;}
.loginForm {margin: 0 auto;padding-top: 30px;padding-bottom: 30px;background: #f8f8f8;}
.login_tb {margin: 0 auto;}
.login_tb td input {width: 330px;height: 50px;padding-left: 30px;border: 1px solid #eee;font-size: 15px;font-weight: 600;box-sizing: border-box;}
.member_info td select {width: 330px;height: 50px;padding-left: 20px;border: 1px solid #eee;font-size: 15px;font-weight: 600;box-sizing: border-box; width: 100%;}
.login_info { padding: 30px; }
.login_func {text-align: center; margin-top: 20px;}
.login_footer {padding: 10px;}

.create_title {width: 1200px; margin: 0 auto; margin-bottom: 50px;}
.create_title_sub {width:100%; text-align: center; margin-bottom: 30px;}
.create_title .join_step {overflow: hidden; background: url(/images/sub/bg_join_step_line.gif) no-repeat 0 0; max-width: 670px; margin: 0 auto;margin-top: 50px;margin-bottom: 50px;}
.join_step li {float: left;display: inline-block;width: 75px;height: 90px;text-align: center;}
.join_step li span {display: inline-block;width: 75px;font-weight: 600;height: 30px;line-height: 30px;font-size: 20px;margin-top: 60px;background-color: #fff;letter-spacing: -1px;}
.mainForm {margin: 0 auto;padding-top: 40px; padding-bottom: 40px; background: #f8f8f8;}
.clause_agree {margin: 0 200px;}
.clause_sel label span {color: red; font-weight: 600;}

.member_tb {margin: 0 auto;}
.member_tb .mandatory {background: url(/images/sub/mandatory.png) no-repeat 0px 15px;}
.member_tb td {position: relative;padding: 5px 25px;}
.member_tb th {font-size: 16px;color: #000;font-weight: 400;padding: 14px 0 0 17px;vertical-align: top;}
.member_tb td input {width: 100%;height: 50px;padding-left: 20px;border: 1px solid #eee;font-size: 15px;box-sizing: border-box;font-weight: 600;}
.member_tb td .checkbox {width: 100%;height: 30px;padding-left: 20px;border: 1px solid #eee;font-size: 15px;box-sizing: border-box;}
.safe_txt {color: #084897; padding-left: 10px;font-size: 14px;margin-top: 5px;}
.caution_txt {color: red; padding-left: 10px; font-size: 14px;margin-top: 5px;}

/*.member_tb2 {width: 540px;}*/
.member_tb2 th {font-size: 16px;color: #000;font-weight: 400;padding: 14px 0 0 17px;vertical-align: top;}
.member_tb2 td input {height: 50px;padding-left: 20px;border: 1px solid #eee;font-size: 15px;box-sizing: border-box;}
.info_agree li {float: left;margin-right: 18px;}

.member_input {clear: both;margin: 0 auto;padding: 30px 100px 0 100px;border-top: 1px solid #d3d3d3;}
.clause_approve {text-align: center;}

.btn_join {text-align: center;}
.btn_join a {width: 220px;height: 54px;line-height: 54px;display: inline-block;text-align: center;font-weight: 500;font-size: 18px;background-color: #333;border: 1px solid #333;color: #fff;}
.btn_login {text-align: center;}
.btn_login input {width: 120px;height: 40px;display: inline-block;text-align: center;font-weight: 500;font-size: 15px;background-color: #084897;border: 1px solid #084897;color: #fff;}
.check_btn04 .info_agree_txt {font-size: 14px;}
.check_btn04 input[type="checkbox"] {width: 15px;margin: 0px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}

.member_input input:focus {border: 1px solid #000;}

.con03_1 .con03_wrap div:hover{background-color: aliceblue; cursor: pointer;}
.main_video_thumbnail img:hover{background-color: aliceblue; cursor: pointer;}

/*소개 공통*/
.IntroduceBox{width:100%; overflow:hidden;}
.IntroduceBox h3:first-child{margin-top:0;}
.IntroduceBox h3{font-size:20px; color:#0d4189; line-height:34px; margin-top:60px; margin-bottom:10px;}
.IntroduceBox h4{font-size:16px; color:#555; font-weight:normal; line-height:28px; margin-bottom:10px;}
.IntroduceBox h4 span{background:#8ec31f; padding:3px 6px; color:#fff;}
.IntroduceBox .img{margin-top:20px;}
.IntroduceBox .list_dot li{background:•/*url('/images/sub/bullet.jpg')*/ 0 12px no-repeat; padding-left:12px; font-size:16px; color:#555; line-height:28px; margin-bottom:5px;}

.tbl_common1{width:100%; border-top:2px #444 solid;}
.tbl_common1 th {height:26px; text-align:center;  background:#c5e5f5; border-bottom:1px solid #ddd; font-size:14px; color:#333; font-weight:bold; line-height:22px; padding:4px 5px;}
.tbl_common1 td{border-bottom:1px solid #ddd; padding:4px 5px; font-size:13px; line-height:22px; border-right:1px solid #ddd; text-align:left; color:#555; padding-left:15px; word-break:keep-all;}
.tbl_common1 td:last-child{border-right:0px;}
.tbl_common1 td a{color:#555;}
.tbl_common1 td img{vertical-align:middle;}

.tbl_common2{width:100%; border-top:2px #444 solid;}
.tbl_common2 th {height:26px; text-align:center;  background:#f5f5f5; border-bottom:1px solid #ddd; font-size:14px; color:#333; font-weight:bold; line-height:22px; padding:4px 5px;}
.tbl_common2 td{border-bottom:1px solid #ddd; padding:4px 5px; font-size:13px; line-height:22px; /*border-right:1px solid #ddd;*/ text-align:center; color:#555; word-break:keep-all; background: white;}
.tbl_common2 td a{color:#2864d0;}
.tbl_common2 td img{vertical-align:middle;}

.tbl_common3{width:100%; border-top:2px #444 solid; margin-top: 50px;}
.tbl_common3 th {height:26px; text-align:center;  background:#084897; border-bottom:1px solid #ddd; font-size:14px; color:#ffffff; font-weight:bold; line-height:22px; padding:4px 5px;}
.tbl_common3 td{border-bottom:1px solid #ddd; padding:1px 10px; font-size:13px; line-height:22px; border-right:1px solid #ddd; text-align:left; color:#555; word-break:keep-all;}
.tbl_common3 td:last-child{border-right:0px;}
.tbl_common3 td a{color:#555;}
.tbl_common3 td img{vertical-align:middle;}

/*application img sub_menu*/
.img-map-tt-wrapper ul{height: 0;min-width: 250px;opacity: 0;position: absolute;transition: opacity .25s ease-out,height .25s ease-out;z-index: 100;border: 1px solid #ccc;}
.img-map-tt li {background-color: white;padding: 5px 10px;border: outset;}
.img-map-tt li:hover{border: inset;cursor: pointer;font-size: inherit;position: relative;text-decoration: none;}
.img-map-tt li a{color: #3cb4e6;cursor: pointer;font-size: inherit;position: relative;text-decoration: none;}
.img-map-tt-wrapper .img-map-tt {list-style: none;margin: 0;max-width: 200px;padding: 0px 0;}
img[usemap] {border: none;height: auto;max-width: 100%;width: auto;}


/*멤버스킨*/
.title{font-size:15px; font-weight:bold;}

/*테이블*/
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:1px solid #e2e2e5; }
.tbl_type th{padding:10px 0 10px 0;border-top:2px solid #383d4a; font-weight:bold; border-bottom:1px solid #e2e2e5;}
.tbl_type p{font-size:11px; color:#b6b7bc;}
.tbl_type td{padding:7px 0 7px 0;border-top:1px solid #e5e5e5;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;}

.tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0}
.tbl_type2{width:100%;border-bottom:1px solid #e7e7e7; }
.tbl_type2 th{padding:10px 0 10px 0; background:#f9f9f9; text-align:center;}
.tbl_type2 p{font-size:11px; color:#b6b7bc;}
.tbl_type2 td{padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px;}


/*로그인스킨*/
.login_wrap{position:relative; margin:0 auto; text-align:center;overflow:hidden;}
.login_id{line-height: 30px; display: inline-block; height:30px; font-size:14px;  color:#fff; margin-right:10px; }
.login_pw{line-height: 30px; display: inline-block; height:30px; font-size:14px; color:#fff;}
.login_non{line-height: 30px; display: inline-block; height:30px; font-size:14px; color:#fff; margin-right: 10px; }
.login_non:nth-child(3){margin-right: 0;}
.login_btn{width:90px; display: inline-block;  height:30px; font-size:14px;  color:#000; background-color:#d9bf8c; border:none; vertical-align: top; font-weight:500;}
.num_txt{width:100px; float:left;height:20px; font-size:13px; font-weight:bold; color:#fff;}
.font_color{color:#1a386a; font-weight:bold;}
.join_btn{text-decoration: underline;   padding: 0 10px; height: 35px; line-height: 33px; color: #d9bf8c; font-size: 13px; cursor: pointer; display: inline-block; text-align: center;}


/*회원가입 스킨*/
.inWrap {width:98%;  border-width:1px 0; padding:30px 0;}
.inWrap.type1 { padding:50px 0;}
.inWrap.type2 { padding:0;}
.inWrap.type3 { padding:5px 0; border-bottom-width:0;}
.inWrap.width1 { width:680px !important; margin:0 auto;}
.tbox1 { border:1px solid #cdcdcd; }
.tbox1 .boxTit { padding:20px 20px 10px; color:#fff; font-weight:700; font-size:16px;}
.tbox1 .txt_scroll { height:200px; padding:0 20px; overflow-y:auto;}
.txt_type { line-height:25px; font-size:13px; color:#d9d9d9;}
.agreement input{vertical-align:sub; border:none; color:#fff;}
.agreement label{color:#fff; font-size:13px;}
.btnType { display:inline-block; position:relative; transition:all 0.3s;}
.btnType.btn1 { height:30px; line-height:28px; padding:0 45px; font-size:13px;}
.btnType.btn1.color2 {border:1px solid #d9bf8c; background:#d9bf8c; cursor:pointer; }
.btnWrap input{color:#000; font-weight:500;}


.center{text-align:center;}

.pc_img {display: block;}
.tab_img {display:none;}
.mob_img {display:none;}
.pc {display:block;}
.tab {display:none;}
.mob {display:none;}

.about_pc_img {display: inline-block;}
.about_tab_img {display:none;}
.about_mob_img {display:none;}

/*=== main ===*/
#wrap {position:relative; width:100%; max-width: 1920px; min-width: 320px; margin:0 auto; overflow: hidden; word-break: keep-all;}
.inner{width: 1200px; margin: 0 auto; max-width: 100%; }
.sub_inner_1{width: 1200px; margin: 0 auto; max-width: 60%; margin-top: 110px; margin-bottom: 90px; color: white}
.sub_inner_2{width: 1200px; margin: 0 auto; max-width: 60%; margin-top: 70px; margin-bottom: 70px; }
.sub_inner_3{width: 1200px; margin: 0 auto; max-width: 80%; margin-top: 70px; margin-bottom: 70px; display: flex; flex-wrap: wrap;}

.sub_inner_3 .con02_1 .con02_wrap{display: flex;flex-wrap: wrap; margin-bottom: 30px}
.sub_inner_3 .con02_1 .con02_wrap li{width: 25%;height: 150px;background-color: rgb(255 255 255 / 50%);padding: 10px; text-align: center;}
.sub_inner_3 .con02_1{width: 1200px;margin: 0 auto;max-width: 70%;margin-top: 40px;margin-bottom: 40px; }

.sub_inner_3 .con03_1{width: 1200px;margin: 0 auto;max-width: 70%;margin-top: 40px;margin-bottom: 40px; }
.sub_inner_3 .con03_1 .con03_wrap{display: flex;flex-wrap: wrap; margin-bottom: 10px}
.sub_inner_3 .con03_1 .con03_wrap li{width: 22%; margin-right: 8px; margin-left: 8px; height: 160px;background-color: rgb(255 255 255 / 70%);padding: 20px; text-align: center;}
.sub_inner_3 .con03_1 .con03_wrap li:hover{ color: black; cursor: pointer; font-weight: 600; text-decoration: underline;}
#header{width: 100%; height: 99px; /*background-color:#00b0f0;*/}
.h_inner {position: relative; height: 99px;  /*width:1820px;*/ margin:0 auto; max-width: 100%; margin-left: 50px; margin-right: 50px;}
.ps_inner{position: relative; width: 1200px;margin: 0 auto;max-width: 100%;height: 99px;margin-left: 50px;margin-right: 50px;}

#header h1{position: absolute; left: 0; bottom: 24px;}
#header h1 a{display: block; width: 100%; height: 100%;}
#header h1 img{width: 100%; height: 100%; }

#header .search_box{position: absolute; display: inline-block; width: 600px; height: 40px;  font-size: 0; left: 0;bottom: 26px; right: 0; margin: 0 auto; text-align: center;}
#header .search_box label{display: inline-block; width: 100px; height: 40px; border: 1px solid #a5a5a5; font-size: 17px;  background-color:#a5a5a5; color:#fff; text-align: center; line-height: 38px; vertical-align: top;}
#header .search_box input{display: inline-block; width: 300px; height: 40px; border: none; border-top: 1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5; background-color:#FFF; line-height: 38px; padding: 0 10px; vertical-align: top;}
#header .search_box input::placeholder{font-size: 14px; font-weight: 500; color:#b3aeae; text-align: center;}
#header .search_box input::-webkit-input-placeholder{font-size: 14px; font-weight: 500; color:#b3aeae; text-align: center;}
#header .search_box input:-ms-input-placeholder{font-size: 14px; font-weight: 500; color:#b3aeae; text-align: center;}
#header .search_box button{display: inline-block; width: 40px; height: 40px; border: 0px solid #222; background:url('/images/main/search_icon_pc.png')center no-repeat #a5a5a5; vertical-align: top;}

.h_top{position: absolute; right:  0; top: 15px;}
.h_top ul{ font-size: 0; }
.h_top ul li{position: relative; display: inline-block; margin-right: 30px; padding: 5px;}
.h_top ul li:after{content:''; position: absolute;width: 1px; height: 20px; background-color:#cccccc; right: -10px; top: 0; bottom: 0; margin: auto 0;}
.h_top ul li:last-child{margin-right: 0;}
.h_top ul li:last-child:after{display:none;}
.h_top ul li a{color:#000; font-size: 13px; line-height: 1; }
.user_menu2 a:hover{color: #00b0f0}
/*.h_top ul li:last-child a{padding-left: 23px; background:url('/images/main/head_lan_icon.png')center left no-repeat; background-size:13px 13px;}*/

.pc_gnb{position: relative; width: 100%; background-color:#00b0f0; border-top: 1px solid #fff; height: 50px; z-index:1050;}
.pc_gnb > ul > li{float: left; width: 200px; height: 100%; }
.pc_gnb > ul > li > a{position: relative; display: block; width: 100%; text-align: center; line-height: 49px; color:#fff; font-size: 17px; font-weight: 600; }
.pc_gnb > ul > li:hover{background-color:#FFF;}
.pc_gnb > ul > li:hover > a{color:#01377a}
.pc_gnb > ul > li:hover > a:after{content:''; position: absolute; left:0; top: -1px; width: 100%; height: 3px; background-color:#01377a;}
.pc_gnb .depth02{position: absolute; visibility: hidden; opacity: 0; left: 0; top: 49px; width: 360px; min-height: 650px; background-color:#FFF; z-index:500; transition-delay: 0.3s;}
.pc_gnb .depth02:after{content:''; position: absolute; right: -600px; top:0; width: 600px; /*height: 650px;*/ background-color:#fafafa; z-index:-1;}
.pc_gnb .depth02.on{display: block; visibility: visible; opacity: 1;}
.pc_gnb .depth02 > li:first-child{margin-top: 15px;}
.pc_gnb .depth02 > li{width: 100%; height: 45px; background:url(/images/main/gnb_arrow.png)center right 32px no-repeat;}
.pc_gnb .depth02 > li > a{display: block; width: 100%; height: 100%; padding-left: 32px; line-height: 45px; font-size:16px; color:#222;}
.pc_gnb .depth02 > li:hover{background:url(/images/main/gnb_arrow_on.png)center right 32px no-repeat;}
.pc_gnb .depth02 > li:hover > a{color:#00b0f0; font-weight: 500;}
.pc_gnb .depth03{position: absolute !important;visibility: hidden; opacity: 0; left: 360px; top: 0; width: 440px; min-height: 650px; transition-delay: 0.3s; background-color:#fafafa; font-size: 0; }
.pc_gnb .depth03.on{visibility: visible; opacity: 1;}
.pc_gnb .depth03 > li{width: 300px; margin-top: 15px; padding: 0 0 10px 30px; vertical-align: top;}
.pc_gnb .depth03 > li > a{font-size: 16px; color:#3c79c3; font-weight: 700;}
.pc_gnb .depth04{ margin-top: 10px; }
.pc_gnb .depth04 > li{margin-top: 10px;}
.pc_gnb .depth04 > li:first-child{margin-top: 0;}
.pc_gnb .depth04 > li > a{line-height: 1; font-size: 15px; color:#666666; }
.gnb_bg{position: absolute; display: none; left: 0; top: 149px; width: 100%; height: 100%; background-color:rgba(0,0,0,0.3);z-index:1000;}

.btn_wrap{position: absolute; display: none; font-size: 0; right: 1.3%; top: 23px;}
.btn_wrap a.language{margin: 0 20px;}
.btn_wrap a.search img{width: 23px; height: 25px; align-self: center;}
.btn_wrap a.language img{width: 25px; heighT: 25px; align-self: center;}
.btn_wrap a.nav_btn{width: 30px; height: 24px; background:url('/images/main/nav_btn.png')center no-repeat; background-size: 100% 100%; align-self: center;}

.tab_gnb{display:none; width: 100%; width: 100%; background-color:#00b0f0; border-top: 1px solid #fff; height: 40px;}
.tab_gnb ul li{float: left; width: 25%; height: 100%; }
.tab_gnb ul li a{display: block; width: 100%; height: 100%; text-align: center; line-height: 40px; color:#fff; font-size: 30px; font-weight: 500;;}

.layer_menu{display:none;}


#visual_wrap{position: relative; width: 100%; height: 620px;}
.visual_txt {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 200;}
.visual_txt li .bar{width: 100%; height: 30px; cursor: pointer;}
.visual_txt li:nth-child(1) .bar{background-color:rgba(8,72,151,0.75);}
.visual_txt li:nth-child(2) .bar{background-color:rgba(35,99,177,0.75);}
.visual_txt li:nth-child(3) .bar{background-color:rgba(60,121,195,0.75);}
.visual_txt li:nth-child(4) .bar{background-color:rgba(85,141,210,0.75);}
.visual_txt li:nth-child(5) .bar{background-color:rgba(123,171,231,0.75);}
.visual_txt li .visual_inner{position: relative; /*width:1820px;*/ margin:0 auto; max-width: 100%;margin-left: 50px;}
.visual_txt li .bar em{display: block; font-size: 17px; line-height: 30px; color:#fff; font-weight: 700;}
.visual_txt li .bar .arrow{position: absolute; width: 10px; right: 10px;top: 0;  height: 30px; background:url('/images/main/main_visual_arrow_pc.png')center no-repeat; }
.visual_txt li .txt_area{position: relative; width: 100%; height: 0; overflow: hidden; transition: 0.5s ease-in-out;}
.visual_txt li .txt_area .visual_inner{height: 500px;}
.visual_txt li.on .txt_area{position: relative; height: 500px;}
.visual_txt li.on .bar .arrow{background:url('/images/main/main_visual_arrow_on_pc.png')center no-repeat;}
.visual_txt .txt_box{position: absolute; width: 540px; height: 400px;  left: 0; top: 0; bottom: 0; margin: auto 0; background-color:rgba(0,0,0,0.5); padding: 40px; }
.visual_txt .txt_box em{display: block; line-height: 1; font-size: 36px; color:#fff; font-weight: 700;}
.visual_txt .txt_box p{font-size: 15px; line-height: 25px; color:#fff; font-weight: 300; margin-top: 15px;}
.visual_txt .txt_box a{position: absolute; display: block; left: 40px; bottom: 20px; width: 150px; height: 50px; border: 1px solid #fff; font-size: 15px; font-weight: 300; color:#fff;  text-align: center; line-height: 48px;
padding-right: 25px; background:url(/images/main/visual_txt_arrow_pc.png)center right 25px no-repeat;}
.visual_txt .txt_box a:hover{color: #00b0f0}

.visual_img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index:50;}
.visual_img li{position: absolute; left: 0; top: 0; width: 100%; height: 0; overflow: hidden; transition: 0.5s ease-in-out;}
.visual_img li.on{height: 650px; top: auto; bottom: 0;}

#section01{width: 100%;}
#section01 .sec01_btn{width: 100%; height: 100px; background-color:#e1f7ff; overflow: hidden;}
#section01 .sec01_btn ul li{float: left; width: 25%; height: 100px;  }
#section01 .sec01_btn ul li.on{background-color:#FFF; border-top: 5px solid #01377a; box-shadow:rgba(0,0,0,0.2) 0 0 10px;}
#section01 .sec01_btn ul li a{display: block; width: 100%; height: 100%; font-size: 18px; line-height: 100px; color:#222; text-align: center; font-weight: 700;}
#section01 .sec01_btn ul li.on a{color:#01377a; font-size: 20px;}
#section01 .sec01_con{display: flex; flex-wrap: wrap;}
#section01 .sub_content{font-size: 16px; margin-top: 10px; margin-bottom: 20px; color: black;}
#section01 .sub_title{font-size: 17px; margin-top: 10px; margin-bottom: 20px; color: #084a98; font-weight: 600;}
#section01 .sub_title_2{font-size: 17px; margin-top: 10px; margin-bottom: 20px; color: black; font-weight: 600;}

#section01 em {position: relative;padding-left: 23px;font-size: 20px;line-height: 1;font-weight: 700;color: #084897;margin-bottom: 10px;margin-top: 20px;}
#section01 em:before{ content: ''; position: absolute;left: 0;top: 0;bottom: 0;margin: auto 0;width: 15px;height: 15px;background: url(/images/sub/sub_tit_deco_pc.png)center no-repeat;}

.sec01_con h2{color: #01377a; font-size: 25px;}
#section01 .sec01_con .con01_1{width: 60%;background: linear-gradient(180deg, #084897, #87a9d2);}
#section01 .sec01_con .con01_2{width: 40%;background: #ebf1fd;}
#section01 .sec01_con .a_tag {display: block; width: 120px; height: 40px; line-height: 40px; text-align: center;margin-top: 25px; color:#fff; font-size: 16px; font-weight: 500;background-color:#00b0f0;}
/*#section01 .sec01_con .inner .main01_wrap{width: 100%;overflow: hidden; padding: 50px !important;}*/
/*#section01 .sec01_con .inner .main01_wrap .main01_area{float: left;  width: 24%;  margin-right: 10px;}*/
/*#section01 .sec01_con .inner .main01_wrap .main01_area .title{text-align: center;background-color: #8cc63f; color: azure;}*/
/*#section01 .sec01_con .inner .main01_wrap .main01_area .area{width: 100%;  !*height: 100px;*! background-color: #f4fde8; text-align: center;font-weight: 600;}*/
/*#section01 .sec01_con .inner .main01_wrap .main01_area .area p{ font-size: 40px}*/
/*#section01 .sec01_con .inner .main01_wrap .main01_area .area i{ color: #084897;}*/
/*#section01 .sec01_con .inner .main01_wrap .img_area{text-align: center;}*/
/*#section01 .sec01_con .inner .main02_wrap{width: 100%;overflow: hidden; padding: 0px !important;text-align: center;}*/
.main_tool_con01 { margin-top: 20px;margin-bottom: 20px;}
.sec01_con  .tool_content a:hover {color:#00b0f0; font-weight: 500; cursor:pointer;}
.sec01_con  .tool_content{line-height: 25px; margin-left: 20px;}

#main_con03{background-image: /*linear-gradient(rgb(71 113 177 / 35%), rgb(0 0 0 / 74%)),*/ url(/images/main/main_sub03.png); }

h2.main_tit{display: block; margin: 0 auto; width: 450px; height: 60px; text-align: center; line-height: 60px; /*background-color:#cedcf4;*/ text-align: center; color:#ffffff; font-size: 35px; }
h2.main_tit_color{display: block; margin: 0 auto; width: 450px; height: 60px; text-align: center; line-height: 60px; /*background-color:#cedcf4;*/ text-align: center; color:#ffffff; font-size: 35px; }
h2.main_tit_color a{color: white;}
#section02{ padding-bottom: 50px; padding-top: 50px; background: linear-gradient(180deg, #003a84, #fbfffb);}
#section02 .sec02_rolling_wrap{position: relative; padding: 0 4.83%; margin-top: 50px;}
#section02 .sec02_rolling{padding: 10px !important;}
#section02 .sec02_rolling li{box-shadow:rgba(0,0,0,0.07) 2px 0 7px;}
#section02 .sec02_rolling li a{display: block; width: 100%; }
#section02 .sec02_rolling li .img_area{position: relative; width: 100%; padding-bottom: 68%;}
#section02 .sec02_rolling li .img_area img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: auto; height: auto; max-width: 100%; max-height: 100%; }
#section02 .sec02_rolling li .txt_area{border-top:1px solid #eee; padding: 22px 17px;}
#section02 .sec02_rolling li .txt_area em{display: block; line-height: 1; color:#095ec7; font-size: 15px; font-weight: 700; text-align: center; text-overflow:ellipsis;white-space:nowrap; word-wrap:normal; overflow:hidden;}
#section02 .sec02_rolling li .txt_area p{font-size: 12px; line-height: 25px; color:#222; margin-top: 21px; /*text-align: center;*/ font-weight: 700; word-break: keep-all; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-wrap:break-word; /*height: 50px*/}
#section02 .sec02_rolling_wrap .swiper-pagination{ width: 100%; left: 0; bottom: -70px;;}
#section02 .sec02_rolling_wrap .swiper-pagination-bullet{width: 10px; height: 10px; background-color:#ddd; margin: 0 5px; opacity: 1;}
#section02 .sec02_rolling_wrap .swiper-pagination-bullet-active{background-color:#558dd2;}
#section02 .sec02_rolling_wrap .swiper-button-next, .swiper-button-prev{text-indent:-999em; width: 50px; height: 50px; margin-top: 0; transform: translateY(-50%);}
#section02 .sec02_rolling_wrap .swiper-button-next{ right: 0; /*background:url('/images/main/main_sec01_next.png')center no-repeat;*/background-size: 100% 100%;}
#section02 .sec02_rolling_wrap .swiper-button-prev{ left: 0; /*background:url('/images/main/main_sec01_prev.png')center no-repeat;*/background-size: 100% 100%;}

#coverflow li {width: 300px; height: 350px; margin-right: 20px;}
#coverflow li .img_card_1{background-color: #8cc63f;color: #fff;display: block;font-weight: bold;height: 25px;left: 0px;padding: 0px;top: 0;width: 100%;z-index: 1;}
#coverflow li .img_card_1 span{padding: 6px;}
#coverflow li .img_card_2{background-color: #084897;color: #fff;display: block;font-weight: bold;height: 25px;left: 0px;padding: 0px;top: 0;width: 100%;z-index: 1;}
#coverflow li .img_card_2 span{padding: 6px;}
#coverflow li .img_card_1_1 {background-color: #8cc63f;content: ' ';display: block;height: 3px;left: 0;top: 100%;width: 100%;z-index: -1;}
#coverflow li .img_card_2_1 {background-color: #084897;content: ' ';display: block;height: 3px;left: 0;top: 100%;width: 100%;z-index: -1;}

#coverflow li .txt_area{padding: 10px 20px; background: white;}
#coverflow li .txt_area .date {font-weight: 600;}
#coverflow .flipster__item img{ width: 100%;height: 200px; }
#coverflow li .txt_area em{display: block; line-height: 1; color:#000000; font-size: 15px; font-weight: 700; word-wrap:normal; overflow:hidden; padding: 10px}
#coverflow li .txt_area p{font-size: 12px; line-height: 25px; color:#222; margin-top: 21px; /*text-align: center;*/ font-weight: 700; word-break: keep-all; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-wrap:break-word; /*height: 50px*/}
#coverflow li .txt_area a{padding: 10px 0px; color:#676767;}
#coverflow li .txt_area a:hover{color: #01377a; font-weight: bold;}

#section02 .sec02_rolling li .img_card_1{background-color: #8cc63f;color: #fff;display: block;font-weight: bold;height: 20px;left: 0px;padding: 0px;top: 0;width: 100%;z-index: 1;}
#section02 .sec02_rolling li .img_card_1 span{padding: 6px;}
#section02 .sec02_rolling li .img_card_2{background-color: #084897;color: #fff;display: block;font-weight: bold;height: 20px;left: 0px;padding: 0px;top: 0;width: 100%;z-index: 1;}
#section02 .sec02_rolling li .img_card_2 span{padding: 6px;}

#section02 .sec02_rolling li .img_card_1_1 {background-color: #8cc63f;content: ' ';display: block;height: 10px;left: 0;top: 100%;width: 40%;z-index: -1;}
#section02 .sec02_rolling li .img_card_2_1 {background-color: #084897;content: ' ';display: block;height: 10px;left: 0;top: 100%;width: 40%;z-index: -1;}


#section03{ /*padding: 0 0 100px;*/ }
#section03 .inner{display: flex; flex-wrap:wrap; font-size: 0;}
#section03 ul li span{position: absolute; left: 30px; bottom: 30px; color:#fff; line-height: 1; font-size: 25px; font-weight: 700;}
#section03 .con01{margin-top: 60px; width: 100%; }
#section03 .con01 ul li{position: relative; float: left; width: 37.08%; margin-right: 0.84%; overflow: hidden;}
#section03 .con01 ul li:hover img{transform: scale(1.2); }
#section03 .con01 ul li img{width: 100%; transition: 0.3s;}
#section03 .con01 ul li:nth-child(2){width: 24.16%;}
#section03 .con01 ul li:last-child{margin-right: 0;}
#section03 .con02{position: relative; width: 24.16%; margin-right: 0.84%; margin-top: 10px; overflow: hidden;}

#section03 .con02 span{position: absolute; left: 30px; bottom: 30px; color:#fff; line-height: 1; font-size: 25px; font-weight: 700;}
#section03 .con02 img{width: 100%; transition: 0.3s;}
#section03 .con02:hover img{transform: scale(1.2); }
#section03 .con03{width: 75%; margin-top: 10px;}
#section03 .con03 ul li {position: relative; float: left; overflow: hidden;}
#section03 .con03 ul li:hover img{transform: scale(1.2); }
#section03 .con03 ul li:nth-child(1){width: 66.66%; margin-right: 1.11%;}
#section03 .con03 ul li:nth-child(2){width: 32.23%;}
#section03 .con03 ul li:nth-child(3){width: 32.23%; margin-right: 1.11%; margin-top: 10px;}
#section03 .con03 ul li:nth-child(4){width: 66.66%; margin-top: 10px;}
#section03 .con03 ul li img{width: 100%; transition: 0.3s;}
#section03 .mob_con{display:none;}

#section04 {padding-bottom: 30px;padding-top: 30px; background-image: /*linear-gradient(rgb(62 92 138 / 20%), rgb(40 45 51 / 50%)),*/ url(/images/main/main_sub04.jpg); color:white; }
#section04 #videolist {width: 100%}
#section04 .video_wrap {margin-top: 16px; float:left; width: 22%; height:200px; /*border:1px solid #ddd;*/ margin-left:24px; margin-bottom:20px; /*box-shadow:1px 1px 4px #ddd;*/}/* overflow:hidden; */

#_footer{padding: 75px 0 75px; background-color:#01324b;}
#_footer .inner{position: relative; }
#_footer .foot_menu {float: left;}
#_footer .foot_menu > ul > li{float: left; margin-right: 30px; width: 130px;}
#_footer .foot_menu > ul > li:last-child{margin-right: 0;}
#_footer .foot_menu > ul > li > a{display: block;  font-size: 17px; font-weight: 700; color:#fff; line-height: 1; padding-bottom: 20px; border-bottom: 1px solid #4e7081;}
#_footer .foot_menu > ul > li ul{margin-top: 13px;}
#_footer .foot_menu > ul > li ul li{}
#_footer .foot_menu > ul > li ul li:first-child{margin-top: 0;}
#_footer .foot_menu > ul > li ul li a{display: block; font-size: 15px; font-weight: 300; color:#fff; line-height: 25px; }
#_footer .foot_menu > ul > li ul li a:hover{color: #00b0f0}
#_footer .right{float: right;}
#_footer .mark {font-size: 0;}
#_footer .mark li{display: inline-block; margin: 5px; }
#_footer .mark li:last-child{margin-right: 0;}

#_footer .auth{margin-bottom:10px;}
#_footer .auth em{display: block;  font-size: 17px;  font-weight: 700;  color: #fff;  line-height: 1;}
#_footer .auth ul{margin-top: 10px;}

#_footer .sns{margin-bottom:10px;}
#_footer .sns em{display: block; font-size: 17px; font-weight: 700; color:#fff; line-height: 1; }
#_footer .sns ul{margin-top: 10px;}
#_footer .sns ul li{float: left; width: 45px; height: 45px; margin: 5px;}
#_footer .sns ul li:last-child{margin-right: 0;}
#_footer .sns ul li a{display: block; width: 100%; height: 100%;}
#_footer .sns ul li img{width: 100%; height: 100%;}

#_footer .Newsletter em{display: block; font-size: 17px; font-weight: 700; color:#fff; line-height: 1; }
#_footer .Newsletter ul{margin-top: 10px;}
#_footer .Newsletter ul li{float: left; width: 230px; height: 40px; margin-right: 10px;}
#_footer .Newsletter ul li button{width: 47px; height: 30px; background:#a5a5a5; opacity:.35; pointer-events: none; margin-top: 5px}
#_footer .Newsletter ul li span{color: white; font-size: 12px;}
#_footer .Newsletter ul li:last-child{margin-right: 0;}
#_footer .Newsletter ul li a{display: block; width: 100%; height: 100%;}
#_footer .Newsletter ul li img{width: 100%; height: 100%;}
#_footer .Newsletter select {width: 100%;}
.infoBox .titleH3{display: block;font-size: 16px;color: #222222; margin-top: 10px;}
.infoBox {line-height: 20px;font-size: 14px;color: #36536a;padding: 10px 40px; margin-top: 15px; margin-bottom: 15px; border: 1px solid #d1d4da;}

#_footer p.copyright{float: left; font-size: 14px; color:#fff; margin-top: 35px; /*font-weight: 300; line-height: 1;*/}
#_footer .scroll_top{position:absolute; right: -110px; top: 0; width: 60px; height: 60px; text-align: center; cursor: pointer; border: 1px solid #fff; background:url(/images/main/foot_scroll_top_pc.png)center top 15px no-repeat; padding-top: 27px;}
#_footer .scroll_top span{display: inline-block; line-height: 1; color:#fff; font-size: 14px; }

.company_policy ul > li { float: left;padding: 11px 0;margin-right: 5px;margin-top: 30px; }
.company_policy ul > li > a { color: white;}
.company_policy ul > li > span{ color: #4e7081;}
@media screen and (max-width: 1134px){
#_footer .foot_menu > ul > li{float: left; margin-right: 10px; width: 130px;}
}
/* #_footer{padding: 50px 0 80px; background-color:#404040;}
#_footer .inner{position: relative; }
#_footer .foot_menu > ul > li{float: left; margin-right: 60px;}
#_footer .foot_menu > ul > li > a{ font-size: 17px; font-weight: 700; color:#7babe7; line-height: 1; }
#_footer .foot_menu > ul > li ul{margin-top: 13px;}
#_footer .foot_menu > ul > li ul li{}
#_footer .foot_menu > ul > li ul li:first-child{margin-top: 0;}
#_footer .foot_menu > ul > li ul li a{display: block; font-size: 15px; font-weight: 300; color:#fff; line-height: 25px; }
#_footer .sns{position: absolute; right:  50px; top: 0; }
#_footer .sns em{font-size: 17px; font-weight: 700; color:#7babe7; line-height: 1; }
#_footer .sns ul{margin-top: 13px;}
#_footer .sns ul li{float: left; width: 40px; height: 40px; margin-right: 10px;}
#_footer .sns ul li:last-child{margin-right: 0;}
#_footer .sns ul li a{display: block; width: 100%; height: 100%;}
#_footer .sns ul li img{width: 100%; height: 100%;}
#_footer p.copyright{font-size: 15px; color:#fff; line-height: 1; margin-top: 38px; font-weight: 300;} */

.bottom_email{margin-top: 50px;}
/*=== sub ===*/
.location{display: flex; width: 100%; height: 45px; padding-left: 30px; visibility:hidden; opacity: 0; transition:0.5s;visibility: visible;opacity: 1;}
.location.on{visibility:visible; opacity: 1; }
.location .sub_menu_btn{width: 19px; height: 15px; background:url('/images/sub/sub_loc_open_pc.png')center no-repeat; background-size: 100% 100%; margin-right: 20px; align-self: center; cursor:pointer;}
.location .sub_menu_btn_tab{display:none; width: 19px; height: 15px; background:url('/images/sub/sub_loc_open_pc.png')center no-repeat; background-size: 100% 100%; margin-right: 20px; align-self: center; cursor:pointer;}
.location ul{display: flex; align-self:center; font-size: 0; margin-top: 10px;}
.location ul li{position: relative; line-height: 1; align-self: center; font-size: 15px; color:#666666; font-weight: 300; margin-right: 33px;}
.location ul li:last-child{margin-right: 0;}
.location ul li:after{content:''; width: 7px; height: 12px; position: absolute; right: -20px; top: 50%; transform: translateY(-50%);background:url('/images/sub/sub_loc_arrow_pc.png')center no-repeat;background-size: 100% 100%;}
.location ul li:last-child:after{display:none;}

#sub_contents{position: relative; min-height: 800px; width: 100%; padding-left: 0; /*transition: 0.5s;*/ padding-bottom: 100px;}
#sub_contents.on{padding-left: 360px;}

.sub_menu{position: absolute; width: 360px; height: 100%; left: -360px; top: 0; background-color:#FFF; border-right: 1px solid #eee;visibility:hidden; opacity: 0; transition: 0.5s;}
.sub_menu.on{left: 0; visibility: visible; opacity: 1; transition: 0.5s;}
.sub_menu_top{width: 100%; height: 45px; border: 1px solid #eee; border-right: none;cursor: pointer; background:url('/images/sub/sub_loc_close_pc.png')center right 30px no-repeat;}
.sub_menu_top_tab{display:none;}
.lnb h3{width: 100%; height: 45px; border: 1px solid #eee; border-top: none; border-right: none; background:url('/images/sub/sub_menu_arrow_pc.png')center right 30px no-repeat;}
.lnb h3.on{background:url('/images/sub/sub_menu_arrow_on_pc.png')center right 30px no-repeat;}
.lnb h3.active{background:url('/images/sub/sub_menu_arrow_on_pc.png')center right 30px no-repeat;}
.lnb h3 a{display: block; width: 100%; height:100%; line-height: 43px; color:#222; font-size:15px; font-weight: 300; padding-left: 30px;}
.lnb ul{ flex-direction: column; background-color:#eef3f8;}
.lnb ul li{ width: 100%; /*height: 35px;*/ }
.lnb ul li:first-child{margin-top: 15px;}
.lnb ul li:last-child{margin-bottom: 15px;}
.lnb ul li a{padding-left: 40px; line-height: 35px; color:#666; font-size: 15px; font-weight: 300;}
.lnb ul li.on a{color:#00b0f0; font-weight: 500;}
.conbody{padding-top: 30px;padding-left: 7px;padding-right: 7px;}

h3.sub_tit{font-size: 30px; line-height: 1; font-weight: 700; color:#222; text-align: center;}
h4.sub_tit{position: relative; padding-left:23px; font-size: 20px; line-height: 1; font-weight: 700; color:#084897; margin-bottom:10px; margin-top: 20px;}
h4.sub_tit:before{content:''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 15px; height: 15px; background:url('/images/sub/sub_tit_deco_pc.png')center no-repeat;}
.tab_menu_mob{display:none;}
.tab_menu_pc{width: 100%; height: 60px; background-color:#f5f5f5; margin-top: 60px;}
.tab_menu_pc ul{font-size: 0; text-align: center;}
.tab_menu_pc ul li{position: relative; display:inline-block;}
.tab_menu_pc ul li:after{content:''; position: absolute; width: 0; height: 5px; left: 50%; bottom: 0; transform: translateX(-50%); background-color:#00b0f0; transition: 0.3s; }
.tab_menu_pc ul li.on:after{width: 100%;}
.tab_menu_pc ul li:hover:after{width: 100%;}
.tab_menu_pc ul li a{padding: 0 35px; line-height: 60px; font-size: 17px; color:#666666; font-weight: 500; }
.mcu_con_wrap{margin-top: 70px;}
.mcu_con01 .con01 p{margin-top: 16px; font-size: 16px; font-weight: 300; color:#666}
.mcu_con01 .con02{margin-top: 70px;}
.mcu_con01 .con02 .tit_area{width: 100%; height: 45px; background:linear-gradient(to right, #039bde, #0a60ab); margin-top: 20px;}
.mcu_con01 .con02 .tit_area span{display: block; text-align: center; line-height:45px; font-size: 17px; font-weight: 500; color:#fff;  }
.mcu_con01 .con02 .img_area{position: relative; width: 100%; min-height: 350px; text-align: center;}
.mcu_con01 .con03{margin-top: 70px;}
.mcu_con01 .con03_fullscreen{ position: fixed;top: 0;left: 0;z-index: 1100; padding: 50px 2px 0px 0px; width: 100%; max-width: 100vw !important; height: 100%;background-color: #fff;}
.mcu_con01 .exit_fullscreen{ position: fixed;top: 0;left: 0;z-index: 10001;display: block;padding: 4px 5px;width: 100%;color: #fff;text-decoration: none;font-weight: bold;text-align: right;background-color: #285ad9; cursor: pointer;}
.mcu_con01 .con03 .edit_area{position: relative; width: 100%; min-height: 390px; margin-top: 20px;}
.mcu_con01 .con03 .check{display: inline-block; margin-left: 20px;}
.mcu_con01 .con03 .check label{font-size: 15px; font-weight: 500; color:#029bde; padding-right: 9px;}

.mcu_con02 .con01 ul{margin-top: 20px;}
.mcu_con02 .con01 ul li{margin-top: 5px;}
.mcu_con02 .con01 ul li:first-child{margin-top: 0;}
.mcu_con02 .con01 ul li em{display: block; width: 100%; height: 40px; padding-left: 20px; color:#099cd1; border: 1px solid #cfdeec; border-radius: 10px; cursor: pointer; line-height: 38px; font-size: 17px; font-weight: 500;}
.mcu_con02 .con01 ul li em b{font-weight: 300; font-size: 15px; color:#666; padding-left: 6px;}
.mcu_con02 .con01 ul li em span{position: relative; }
.mcu_con02 .con01 ul li em span:after{content:''; position: absolute; right: -25px; bottom: 6px;  width:9px; height: 7px; background:url('/images/sub/sub_con_arrow_pc.png') center no-repeat;}
.mcu_con02 .con01 ul li em span.on:after{background:url('/images/sub/sub_con_arrow_on_pc.png') center no-repeat;}
.mcu_con02 .con01 .edit_wrap{display:none; padding: 10px;}
.mcu_con02 .con01 .edit_wrap .edit_area{width: 100%; min-height: 80px;}
.mcu_con02 .con01 .search_box{position: relative; width: 100%; border: 1px solid #ddd; height: 40px; margin-top: 10px;}
.mcu_con02 .con01 .search_box input{width: 100%; height: 100%; border:none; padding: 0 50px 0 20px; }
.mcu_con02 .con01 .search_box button{position: absolute; right: 20px; top:0; bottom: 0; margin: auto 0; width: 15px; height: 16px; background:url('/images/sub/sub_con_search_pc.png')center no-repeat;}
.mcu_con02 .con01 .search_box input::placeholder{font-size: 15px; font-weight: 300; color:#aaa;}
.mcu_con02 .con01 .search_box input::-webkit-input-placeholder{font-size: 15px; font-weight: 300; color:#aaa;}
.mcu_con02 .con01 .search_box input:-ms-input-placeholder{font-size: 15px; font-weight: 300; color:#aaa;}
.mcu_con02 .con02 .search_box{position: relative; width: 600px; border: 1px solid #ddd; height: 40px; margin: 70px auto 0;}
.mcu_con02 .con02 .search_box input{width: 100%; height: 100%; border:none; padding: 0 50px 0 20px; }
.mcu_con02 .con02 .search_box button{position: absolute; right: 20px; top:0; bottom: 0; margin: auto 0; width: 15px; height: 16px; background:url('/images/sub/sub_con_search_pc.png')center no-repeat;}
.mcu_con02 .con02 .search_box input::placeholder{font-size: 15px; font-weight: 300; color:#aaa;}
.mcu_con02 .con02 .search_box input::-webkit-input-placeholder{font-size: 15px; font-weight: 300; color:#aaa;}
.mcu_con02 .con02 .search_box input:-ms-input-placeholder{font-size: 15px; font-weight: 300; color:#aaa;}
.mcu_con01 .con02 .img_area img{ width: 100%}

.mcu_con03 .con01 .con_list_wrap{display: flex; flex-wrap:wrap;}
.mcu_con03 .con01 .con_list_wrap .con_list{width: 45.1%; margin-right: 6.26%; /*margin-top: 40px;*/}
.mcu_con03 .con01 .con_list_wrap .con_list:nth-child(2n){margin-right: 0;}
.mcu_con03 .con01 .con_list_wrap .con_list:nth-child(-n + 2){margin-top: 0;}
.mcu_con03 .con01 .con_list_wrap .con_list li{width: 100%; /*border: 1px solid #d5e2ef;*/ border-radius: 10px; margin-bottom: 5px;}
.mcu_con03 .con01 .con_list_wrap .con_list li:last-child{margin-bottom: 0;}
.mcu_con03 .con01 .con_list_wrap .con_list li a{display: block; padding: 10px 29px; font-size: 15px; color:#099cd1; font-weight: 500; line-height: 20px; word-break: keep-all;}
.mcu_con03 .con01 .con_list_wrap .con_list li a span{font-size: 15px; color:#666; font-weight: 300; padding-left: 10px;}
.mcu_con03 .con01 .con_list_wrap .con_list li.first{background-color:#2363b1; margin-bottom:10px; border:none;}
.mcu_con03 .con01 .con_list_wrap .con_list li.first a{color:#fff; font-weight: 700;}
.mcu_con03 .con01 .con_list_wrap .con_list ul{margin-top: 20px;}
.mcu_con03 .con01 .con_list_wrap .con_list ul li{margin-top: 5px;}
.mcu_con03 .con01 .con_list_wrap .con_list ul li:first-child{margin-top: 0;}
.mcu_con03 .con01 .con_list_wrap .con_list ul li em{display: block; width: 100%; height: 40px; padding-left: 20px; color:#ffffff; background: #2363b1; border: 1px solid #cfdeec; border-radius: 10px; cursor: pointer; line-height: 38px; font-size: 17px; font-weight: 500;}
.mcu_con03 .con01 .con_list_wrap .con_list ul li em b{font-weight: 300; font-size: 15px; color:#666; padding-left: 6px;}
.mcu_con03 .con01 .con_list_wrap .con_list ul li em span{position: relative; }
.mcu_con03 .con01 .con_list_wrap .con_list ul li em span:after{content:''; position: absolute; right: -25px; bottom: 6px;  width:9px; height: 7px; background:url('/images/sub/sub_con_arrow_pc.png') center no-repeat;}
.mcu_con03 .con01 .con_list_wrap .con_list ul li em span.on:after{background:url('/images/sub/sub_con_arrow_on_pc.png') center no-repeat;}
.mcu_con03 .con01 .con_list_wrap .con_list .edit_wrap{ /*display:none;*/ padding: 10px;}
.mcu_con03 .con01 .con_list_wrap .con_list .edit_wrap .edit_area{width: 100%; min-height: 100px; overflow: auto;}

.mcu_con03 .con02{margin-top: 70px;}
.mcu_con03 .con02 .con_list_wrap{display: flex; flex-wrap:wrap; margin-top: 20px;}
.mcu_con03 .con02 .con_list_wrap .con_list{width: 29.16%; margin-right: 6.26%; margin-top: 40px;}
.mcu_con03 .con02 .con_list_wrap .con_list:nth-child(3n){margin-right: 0;}
.mcu_con03 .con02 .con_list_wrap .con_list:nth-child(-n + 3){margin-top: 0;}
.mcu_con03 .con02 .con_list_wrap .con_list li{width: 100%;}
.mcu_con03 .con02 .con_list_wrap .con_list li a{display: block; padding: 4px 29px; font-size: 15px; color:#099cd1; font-weight: 500; line-height: 18px; word-break: keep-all;}
.mcu_con03 .con02 .con_list_wrap .con_list li a span{font-size: 15px; color:#666; font-weight: 300; padding-left: 10px;}
.mcu_con03 .con02 .con_list_wrap .con_list li.first{ margin-bottom:15px; border:none;}
.mcu_con03 .con02 .con_list_wrap .con_list li.first a{color:#222; font-weight: 700; font-size: 15px;}

/* sub0401_7 */
#sub0401_7_wrap{margin-bottom:60px;}
#sub0401_7_wrap .sub0107_top{margin-bottom: 59px;}
#sub0401_7_wrap .sub0107_top .tit{font-size: 30px !important; font-weight: 700; line-height: 1; color:#222222; text-align: center; margin-bottom: 55px;}
#sub0401_7_wrap .sub0107_top .con{font-size: 20px; font-weight: 700; line-height: 25px; color:#084897;}

#sub0401_7_wrap .icon_wrap{text-align: center; margin-bottom: 58px; font-size: 0;}
#sub0401_7_wrap .icon_wrap img{margin: 0 4.16%; transition: all 0.3s;}

#sub0401_7_wrap .txt_wrap h4.sub_tit{position: relative; padding-left:23px; font-size: 20px; line-height: 1; font-weight: 700; color:#084897; margin-bottom: 30px; margin-top: 40px;}
#sub0401_7_wrap .txt_wrap h4.sub_tit:before{content:''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 15px; height: 15px; background:url('/images/sub/sub_tit_deco_pc.png')center no-repeat;}
#sub0401_7_wrap .txt_wrap p{font-size: 16px; font-weight: 300; line-height:25px; color:#666666;}
@media screen and (max-width: 1380px){
#sub0401_7_wrap .icon_wrap img{margin: 0 1.16%;}
}

.tool_con01 .con02{margin-top: 70px;}
.tool_con01 .con01 p{margin-top: 16px; font-size: 16px; font-weight: 300; color:#666}
.tool_con01 .con03{margin-top: 70px;}
.tool_con01 .con02 p{margin-top: 16px; font-size: 16px; font-weight: 300; color:#666}
.tool_con01 .con03 .edit_area{position: relative; width: 100%; /*min-height: 390px;*/ margin-top: 20px;}

.partner_title{font-size: 20px;color: #0d4189;line-height: 34px;margin-bottom: 10px;}
.partner_wrap{width:100%; height:auto; overflow:hidden;}
._3rd_party_partner{margin-top: 16px; float:left; width:270px; height:160px; border:1px solid #ddd; padding:14px; margin-left:20px; margin-bottom:20px; box-shadow:1px 1px 4px #ddd;}/* overflow:hidden; */
._3rd_party_partner .img{float:left; width:236px; height:70px; margin-bottom:15px;}
._3rd_party_partner dl{float:left; width:100%; border-top:1px dashed #aaa; padding-top:10px; font-size:14px;}
._3rd_party_partner dt{max-height:45px; overflow:hidden; word-break:break-all; font-weight:bold; color:#333;}
._3rd_party_partner dt a{color:#333;}
._3rd_party_partner dd{height:45px;margin-top:7px; word-break:normal; color:#333;}/* overflow:hidden; */
/*._3rd_party_partner:nth-child(4n+1){margin-left:0;}*/

.col-md {width: 50%;padding-right: 20px;padding-left: 20px;}
.col-md ul li {list-style: inside;}
.con02 .newsletter_list {display: flex; flex-wrap: wrap; margin-right: -15px;margin-left: -15px;}
/* ---------------------메인_온라인 동영상---------------------*/
.video_wrap {margin-top: 16px; float:left; width: 270px; height:450px; /*border:1px solid #ddd;*/ margin-left:20px; margin-bottom:20px; /*box-shadow:1px 1px 4px #ddd;*/}/* overflow:hidden; */
.video_wrap .img{float:left; /*width:236px; height:70px;*/ margin-bottom:15px;}
.video_wrap dl{float:left; width:100%; border-top:1px dashed #aaa; padding-top:10px; font-size:14px;}
.video_wrap dt{max-height:45px; overflow:hidden; word-break:break-all; font-weight:bold; color:#333;}
.video_wrap dt a{color:#333;}
.video_wrap dd{height:45px;margin-top:7px; word-break:normal; color:#333;}/* overflow:hidden; */
.video_wrap h3{color: #084897;line-height: 1;padding: 0 5px;margin: 5px 0;display: block;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;font-size: 13px;height: 30px;}
.video_wrap .date{font-size: 12px;color: #999999;margin-bottom: 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.video_wrap .date span{float: right;}

.video_sub_wrap {margin-top: 16px; float:left; width: 260px; height:450px; /*border:1px solid #ddd;*/ margin-left:25px; margin-bottom:20px; /*box-shadow:1px 1px 4px #ddd;*/font-size: 10px;}/* overflow:hidden; */
.video_sub_wrap .img{float:left; /*width:236px; height:70px;*/ margin-bottom:15px;}
.video_sub_wrap dl{float:left; width:100%; border-top:1px dashed #aaa; padding-top:10px; font-size:14px;}
.video_sub_wrap dt{max-height:45px; overflow:hidden; word-break:break-all; font-weight:bold; color:#333;}
.video_sub_wrap dt a{color:#333;}
.video_sub_wrap dd{height:45px;margin-top:7px; word-break:normal; color:#333;}/* overflow:hidden; */
.video_sub_wrap h3{color: #084897;line-height: 1;font-size: 18px;padding: 0 20px;margin: 5px 0;display: block;display: -webkit-box;max-height: 18px;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;font-size: 14px;word-break: break-word;}
.video_sub_wrap .date{font-size: 12px;color: #999999;margin-bottom: 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.video_sub_wrap .date span{float: right;}

.video_link {height: 180px;}
.video_link div{border: 1px solid #a5a5a5;box-shadow: 1px 1px 4px #ddd;padding-left: 5px;}
.video_link div span{font-size: 12px;margin: 5px; word-break: break-word;}

.main_video_thumbnail {border: 2px solid #fff;}
.video_thumbnail {position: relative;}
.video_thumbnail:hover img:last-child{display:none}
.video_thumbnail .btn_play{padding: 5px 10px;text-align: center;position: absolute;top: 25%;left: 35%;}

.main_video_wrap {padding-bottom: 30px;padding-top: 30px;background-image: /*linear-gradient(rgb(62 92 138 / 20%), rgb(40 45 51 / 50%)),*/ url(/images/main/main_sub04.jpg);color: white;}
.main_video_wrap h5 { display: block; text-align: center; line-height: 1; font-size: 30px; font-weight: 700; color: #222; margin-bottom: 55px;}
.main_video_wrap .slider-for > div{position: relative;  width: 100%; height: 0; color:#888; padding-bottom: 45%; text-align:center;}
.main_video_wrap .slider-for > div img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: auto; max-width: 100%; max-height: 100%;}

.main_video_wrap .slider-for .img_area{display:inline-block; width: 63%; vertical-align:top;}
.main_video_wrap .slider-for .img_area .edit_area{position: relative;  width: 100%; height: 0; color:#888; padding-bottom: 71%; text-align:center; }
.main_video_wrap .slider-for .img_area .edit_area img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: auto; max-width: 100%; max-height: 100%;}
.main_video_wrap .slider-for .txt_area{display:inline-block; width:35%; vertical-align:top; text-align:left; padding-left:1.5%; }
.main_video_wrap .slider-for .txt_area strong{display:block; font-size:20px; color:#084897; padding:0 0 20px 10px; border-bottom:1px solid #ddd;}
.main_video_wrap .slider-for .txt_area p{padding:20px 10px;}

.main_video_wrap .edit_area p.pc_txt{display:block; padding-top:30%;}
.main_video_wrap .edit_area p.tab_txt{display:none;}
.main_video_wrap .edit_area p.mob_txt{display:none;}

.main_video_wrap .slick-slider{position:relative; width:100%; margin-bottom:60px; padding: 0 40px 0 35px;}
.main_video_wrap .slick-dots{position:absolute;  left: 50%; bottom:15px; transform: translate(-50%, 0); }
.main_video_wrap .slick-dots li.slick-active button{background:#00b0f0;}
.main_video_wrap .slick-dots li {display:inline-block; margin:5px;}
.main_video_wrap .slick-dots li button{font-size:0; width:10px; height:10px; border-radius:5px; background:#ddd;}

.main_video_wrap .slider-nav{padding:0 40px 0 40px; margin-bottom:0; width: 91%; margin: 0 auto;}
.main_video_wrap .slider-nav div{margin:0 0.2%;}
.main_video_wrap .slider-nav p{position: relative;  width: 100%; height: 0; color:#888; padding-bottom: 71%; text-align:center; /*border:1px solid #ddd;*/ }
.main_video_wrap .slider-nav p span{display:block; padding-top:23%}
.main_video_wrap .slider-nav p img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: auto; max-width: 100%; max-height: 100%;}

.main_video_wrap .slick-prev{position:absolute; width:40px; height:39px; background:url(/images/slick-btn2-prev.png) no-repeat; font-size:0; left:0; bottom:43%; z-index:99;}
.main_video_wrap .slick-next{position:absolute; width:40px; height:39px; background:url(/images/slick-btn2-next.png) no-repeat; font-size:0; right:0; bottom:43%; z-index:99;}
/*------------------------------------------------------------*/


.top{border-bottom: 5px solid #084897;max-width: none;}
.top h3{font-size: 35px;line-height: 1.5;color: #084897; font-weight: 600;}

#videolist li .img_card_1{background-color: #084897;color: #fff;display: block;font-weight: bold;height: 20px;left: 0px;padding: 0px;top: 0;width: 100%;z-index: 1;}
#videolist li .img_card_1 span{padding: 6px;}
#videolist li .img_card_2{background-color: #084897;color: #fff;display: block;font-weight: bold;height: 20px;left: 0px;padding: 0px;top: 0;width: 100%;z-index: 1;}
#videolist li .img_card_2 span{padding: 6px;}
#videolist li .img_card_1_1 {background-color: #8cc63f;content: ' ';display: block;height: 3px;left: 0;top: 100%;width: 100%;z-index: -1;}
#videolist li .img_card_2_1 {background-color: #084897;content: ' ';display: block;height: 3px;left: 0;top: 100%;width: 100%;z-index: -1;}

#videolist li .txt_area{padding: 10px 10px; background: white;border: 1px solid #ddd;box-shadow: 1px 1px 4px #ddd;}
#videolist li .txt_area .date {font-weight: 600;}
#videolist .flipster__item img{ width: 100%;height: 200px; }
#videolist li .txt_area em{display: block; line-height: 1; color:#000000; font-size: 15px; font-weight: 700; word-wrap:normal; overflow:hidden; padding: 10px}
#videolist li .txt_area p{font-size: 12px; line-height: 25px; color:#222; margin-top: 21px; /*text-align: center;*/ font-weight: 700; word-break: keep-all; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-wrap:break-word; /*height: 50px*/}
#videolist li .txt_area a{padding: 10px 0px; color:#676767;}
#videolist li .txt_area a:hover{color: #01377a; font-weight: bold;}

/*.video_wrap:nth-child(4n+1){margin-left:0;}*/

.selector_wrap .con01 .txt{position: relative; padding: 35px 30px 30px; background-color:#fafafa; margin-top: 38px;}
.selector_wrap .con01 .txt em{position: absolute; display: block; width: 325px; height: 60px; left: 20px; top: -42px; background-color:#81cae5; text-align: center; line-height: 60px; font-size: 30px;color:#fff; font-weight: 700;}
.selector_wrap .con01 .txt p{font-size: 17px; color:#222; line-height: 25px; font-weight: 400;}

.selector_wrap .con01 .board_title{position: relative; padding: 35px 30px 30px; margin-top: 38px;}
.selector_wrap .con01 .board_title em{position: absolute; display: block; width: 325px; height: 60px; left: 20px; top: -42px; background-color:#81cae5; text-align: center; line-height: 60px; font-size: 30px;color:#fff; font-weight: 700;}
.selector_wrap .con01 .board_title p{font-size: 17px; color:#222; line-height: 25px; font-weight: 400;}



.selector_wrap .con03 .txt_range{float: left;width: 55%; position: relative; padding: 15px 30px 15px;background-color: #fafafa;}
.selector_wrap .con03 .img_area{float: right;width: 42%; height:700px; font-size:0;}
.selector_wrap .con03 .img_area:after{display:inline-block; height:100%; content:""; vertical-align:middle;}
.selector_wrap .con03 .img_area img{vertical-align:middle;}
.selector_wrap .con03 .txt_range .sub_contents{margin-left: 20px;}

.selector_wrap .con02{margin-top:70px;}
.selector_wrap .con02 em{display: block; font-size: 20px; color:#0491c5; font-weight: 700; line-height: 1;}
.selector_wrap .con02 p{font-size: 14px; color:#666; font-weight: 400; margin-top: 5px;}
.selector_wrap .con02 .list_wrap{margin-top: 45px; display: flex;}
.selector_wrap .con02 .list_wrap ul{width: 44.16%; margin-right: 5.84%;}
.selector_wrap .con02 .list_wrap ul li{width: 100%; height: 50px; background-color:#fbfbfb; border-radius: 10px; margin-top: 20px; box-shadow: rgba(0,0,0,0.1) 5px 5px 7px; line-height: 50px; padding-left: 30px; font-size: 15px; color:#084897; font-weight: 700;}
.selector_wrap .con02 .list_wrap ul li:first-child{margin-top: 0;}
.selector_wrap .con02 .list_wrap ul li a:hover {color:#00b0f0}
.selector_wrap .con01 .txt{position: relative; padding: 35px 30px 30px; background-color:#fafafa; margin-top: 38px;}
.selector_wrap .con01 .txt em{position: absolute; display: block; width: 325px; height: 60px; left: 20px; top: -42px; background-color:#81cae5; text-align: center; line-height: 60px; font-size: 30px;color:#fff; font-weight: 700;}
.selector_wrap .con01 .txt p{font-size: 17px; color:#222; line-height: 25px; font-weight: 400;}

.legacy_con_wrap{margin-top: 70px;}
.legacy_con01 .con01 p{margin-top: 16px; font-size: 16px; font-weight: 300; color:#666}
.legacy_con01 .con02{margin-top: 70px;}
.legacy_con01 .con02 .edit_area{position: relative; width: 100%; min-height: 390px; margin-top: 20px;}
.legacy_con01 .con02 .check{display: inline-block; margin-left: 20px;}
.legacy_con01 .con02 .check label{font-size: 15px; font-weight: 500; color:#029bde; padding-right: 9px;}
.legacy_con01 .con02_top{position: relative; }
.legacy_con01 .con02 .category{position: absolute; right: 0; bottom: -5px; font-size: 0; }
.legacy_con01 .con02 .category span{display:inline-block; width: 120px; height: 30px; vertical-align: bottom; background-color:#00b0f0; border: 1px solid #00b0f0; text-align: center; line-height: 28px; color:#fff; font-size: 15px; font-weight: 700; margin-right: 5px;}
.legacy_con01 .con02 .category select{width: 150px; height: 30px;border: 1px solid #ddd; vertical-align: bottom; padding-left: 10px; color:#666; background:url('/images/sub/legacy_arrow.png')center right 10px no-repeat; background-size: 9px 8px; -webkit-appearance: none;-moz-appearance: none;appearance: none;}
.legacy_con01 .con02 .category select::-ms-expand {display: none;}

.sub06_wrap .con01{position: relative; }
.sub06_wrap .con01 ul li .img_area{position: relative; width: 100%; padding-bottom: 25%; background-color:#ddd;}
.sub06_wrap .con01 ul li .img_area img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: auto; height: auto; max-width: 100%; max-height: 100%; }
.sub06_wrap .con02{margin-top: 70px;}
.sub06_wrap .con02 > ul{display: flex; font-size: 0;flex-wrap:wrap;}
.sub06_wrap .con02 > ul > li{width: 30%; margin-right: 5%; padding: 20px; border-radius: 30px; background-color:#f6f6f6; box-shadow:rgba(0,0,0,0.1) 5px 3px 5px; margin-top: 40px;}
.sub06_wrap .con02 > ul > li:hover > a{color:#00b0f0; font-weight: 500;}
.sub06_wrap .con02 > ul > li:nth-child(-n + 3){margin-top: 0;}
.sub06_wrap .con02 > ul > li:nth-child(3n){margin-right: 0;}
.sub06_wrap .con02 > ul > li .list_top{padding: 18px 0; border-bottom: 1px solid #b2cded;}
.sub06_wrap .con02 > ul > li .list_top .icon_area{position: relative; width: 72px; height: 60px; margin: 0 auto;}
.sub06_wrap .con02 > ul > li .list_top .icon_area img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: auto; height: auto; max-width: 100%; max-height: 100%; }
.sub06_wrap .con02 > ul > li .list_top em{display: block; font-size: 20px; color:#084897; font-weight: 700; /*margin-top: 15px;*/ text-align: center;}
.sub06_wrap .con02 > ul > li ul{margin-top: 15px;}
.sub06_wrap .con02 > ul > li ul li{margin-top: 10px; padding-left: 12px;}
.sub06_wrap .con02 > ul > li ul li:first-child{margin-top: 0;}
.sub06_wrap .con02 > ul > li ul li a{ display: block; font-size: 16px; line-height: 1; color:#666; font-weight: 300; word-break: break-all;}
.sub06_wrap .con02 > ul > li ul li a:hover{color: #00b0f0}
.sub07_wrap .con01{margin-top: 55px;}
.sub07_wrap .con01 .con01_top{display: flex; }
.sub07_wrap .con01 .img_area_wrap{width: 25%}
/*.sub07_wrap .con01 .img_area_wrap .img_area{width: 100%; padding-bottom:66.66%;background-color:#ddd;}*/
.sub07_wrap .con01 .txt_area{width: 75%; /*padding: 10px 0 10px 25px;*/ padding: 50px;}
.sub07_wrap .con01 .txt_area p{font-size: 16px; font-weight: 300; color:#666; line-height: 25px; }
.sub07_wrap .con01 .edit_area{width: 100%; border: 1px solid #ddd; width: 100%; min-height: 395px; margin-top: 70px; }
.sub07_wrap .con01 span.recommend{display: block; text-align: center; line-height: 1; font-size: 20px; font-weight: 700; color:#00b0f0; margin-top: 28px;}
.sub07_wrap .con02{margin-top: 70px;}
.sub07_wrap .con02 .img_area img{width: 100%}
.sub07_wrap .con02 .edit_area{width: 100%; border: 1px solid #ddd; width: 100%; min-height: 395px; margin-top: 20px; }
.sub07_wrap .con03{/*margin-top: 70px;*/}
.sub07_wrap .con03 .edit_area{width: 100%; /*border: 1px solid #ddd;*/ width: 100%; /*min-height: 395px;*/ margin-top: 20px; }

/*sub0402_1*/
.process_dot {margin-top:30px;}
.process_dot li{position:relative; margin-top:10px; padding-left:15px; color:#333; font-weight:500;}
.process_dot li:before{position:absolute; width:4px; height:4px; border-radius:4px; content:""; background:#0D4189; left:0; top:13px;}
.process_dot li p{font-weight:400;}


/*sub0402_4*/
.sub0402_2_wrap .sec01_con{display: none;}
.img_area {text-align: center;/*margin-top: 20px;*/}
.sub0402_2_wrap .sec01_con .img_area img{width: 100%;}
.sub0402_2_wrap .sec02_con .img_area img{width: 100%;}
/*.img_area img{width: 100%;}*/
.sub0402_2_wrap h3{font-size:50px; color:#084897; line-height:1; text-align:center; margin-bottom: 20px;}
.sub0402_2_wrap .edit_area{color:#888; /*height:300px;*/ line-height:300px; /*text-align:center;*/ margin:20px 0 60px;}
.sub0402_2_wrap table{width:100%; text-align:center; border-radius:15px; overflow:hidden; margin-bottom:60px;}
.sub0402_2_wrap table.mob_tbl{display:none;}
.sub0402_2_wrap table tr th{background:#084897;}
.sub0402_2_wrap table tr th a{display:block; width:100%; padding:10px 0; font-size:22px; color:#fff; font-weight:500; text-align: center;}
.sub0402_2_wrap table tr td{padding:0 10px; border-right:1px solid #ddd;}
.sub0402_2_wrap table tr td:last-child{border-right:0;}
.sub0402_2_wrap table tr td a{display:block; width:100%; padding:10px 0; font-size:16px; color:#222;}
.sub0402_2_wrap table tr td a.on{color:#084897;font-weight: 600;}
.sub0402_2_wrap table tr td a:hover{color:#084897;font-weight: 600;}
.sub0402_2_wrap table tr.tr01 td{background:#aacdf7;}
.sub0402_2_wrap table tr.tr01 td.td02{background:#afd879;}
.sub0402_2_wrap table tr.tr02 td{background:#daeafe;}
.sub0402_2_wrap table tr.tr02 td.td02{background:#d9f5b5;}
.sub0402_2_wrap table tr.tr03 th{background:#bbb;}
.sub0402_2_wrap table tr.tr03 td{background:#fafafa;}


/*sub0403_1*/
.sub0403_1_wrap .edit_area{position: relative;  width: 100%; height: 0; color:#888; padding-bottom: 25%; text-align:center; margin-bottom:60px;}
.sub0403_1_wrap .edit_area img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: auto; max-width: 100%; max-height: 100%;}
.sub0403_1_wrap .edit_area p.pc_txt{display:block; padding-top:10%;}
.sub0403_1_wrap .edit_area p.tab_txt{display:none;}
.sub0403_1_wrap .edit_area p.mob_txt{display:none;}

.sub0403_1_wrap .slick-slider{position:relative; width:100%; margin-bottom:60px; overflow:hidden;}
.sub0403_1_wrap .slick-dots{position:absolute;  left: 50%; bottom:15px; transform: translate(-50%, 0); }
.sub0403_1_wrap .slick-dots li.slick-active button{background:#00b0f0;}
.sub0403_1_wrap .slick-dots li {display:inline-block; margin:5px;}
.sub0403_1_wrap .slick-dots li button{font-size:0; width:10px; height:10px; border-radius:5px; background:#ddd;}

.sub0403_1_wrap .sub03_ui {width:100%; font-size:0; display:flex; flex-wrap:wrap;}
.sub0403_1_wrap .sub03_ui li{width:48.5%; background:#fafbfd; padding:20px; margin-right:1.3%; margin-bottom:1.3%; vertical-align:top; box-sizing:border-box;}
.sub0403_1_wrap .sub03_ui li:nth-child(2n){margin-right:0;}
.sub0403_1_wrap .sub03_ui li span{display:inline-block; width:17%; text-align:center; height:100%; vertical-align:top;}
.sub0403_1_wrap .sub03_ui li span img{display:inline-block; width:100%;margin-top:7px;}
.sub0403_1_wrap .sub03_ui li div.txt_box{display:inline-block; width:78%; vertical-align:top; margin-left:2%; word-break:keep-all; }
.sub0403_1_wrap .sub03_ui li div.txt_box strong{display:block; font-size:17px; color:#03416e; margin-bottom:10px;}
.sub0403_1_wrap .sub03_ui li div.txt_box p{font-size:15px;}

/*sub0403_2*/
.sub0403_2_wrap .video_layer_wrap{position: fixed; display: none; background-color:rgba(0,0,0,0.5); left: 0; top:0; width: 100%; height:100%; z-index:10000;}
.sub0403_2_wrap .layer {position: relative; width: 100%; height: 100%;}
.sub0403_2_wrap .layer_position{position: absolute; left: 0; top: 0; bottom:0; right: 0; margin: auto;  width: 60%; height: 70%; }
.sub0403_2_wrap .layer_con{position: relative; width: 100%; height: 100%; /*background-color:#FFF;*/ }
.sub0403_2_wrap .layer_con span{position: absolute; left: 50px;}
.sub0403_2_wrap .layer_close{position: absolute; right: -20px; top: -20px; z-index:100;}

/*sub0403_2*/
.main_popup_wrap .popup_layer_wrap{position: fixed; display: none; background-color:rgba(0,0,0,0.5); left: 0; top:0; width: 100%; height:100%; z-index:10000;}
.main_popup_wrap .layer {position: relative; width: 100%; height: 100%;}
.main_popup_wrap .layer_position{position: absolute; left: 0; top: 0; bottom:0; right: 0; margin: auto;  width: 60%; height: 85%; }
.main_popup_wrap .layer_con{position: relative; width: 100%; height: 100%; text-align: center;}
.main_popup_wrap .layer_con span{/*position: absolute;*/ left: 50px;}
.main_popup_wrap .layer_close{position: absolute; right: 300px; top: -20px; z-index:100;}

.sub0403_2_wrap .edit_area{position: relative;  width: 100%; height: 0; color:#888; padding-bottom: 25%; text-align:center;}
.sub0403_2_wrap .edit_area img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: auto; max-width: 100%; max-height: 100%;}
.sub0403_2_wrap .edit_area p.pc_txt{display:block; padding-top:10%;}
.sub0403_2_wrap .edit_area p.tab_txt{display:none;}
.sub0403_2_wrap .edit_area p.mob_txt{display:none;}

.sub0403_2_wrap .slick-slider{position:relative; width:100%; margin-bottom:60px; overflow:hidden;}
.sub0403_2_wrap .slick-dots{position:absolute;  left: 50%; bottom:15px; transform: translate(-50%, 0); }
.sub0403_2_wrap .slick-dots li.slick-active button{background:#00b0f0;}
.sub0403_2_wrap .slick-dots li {display:inline-block; margin:5px;}
.sub0403_2_wrap .slick-dots li button{font-size:0; width:10px; height:10px; border-radius:5px; background:#ddd;}

.sub0403_2_wrap .member_list{text-align:center;}
.sub0403_2_wrap .member_list li{display:inline-block; width:22%; margin-right:3%; vertical-align:top;}
.sub0403_2_wrap .member_list li:nth-child(4n){margin-right:0;}
.sub0403_2_wrap .member_list li .img_area{position:relative; width:100%; height:0; padding-bottom:100%; border-radius:30%; overflow:hidden;}
.sub0403_2_wrap .member_list li .img_area img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: auto; /*max-width: 100%;*/ /*max-height: 100%;*/}
.sub0403_2_wrap .member_list li .img_area

.sub0403_2_wrap .img_area {position: relative;}
.sub0403_2_wrap .img_area:hover img:last-child{display:none}
.sub0403_2_wrap .btn_play{text-align: center;position: absolute;top: 50%;left: 35%;width: 28%;}

.sub0403_2_wrap .member_list li .txt_area{padding:20px 0 40px;}
.sub0403_2_wrap .member_list li .txt_area span{}
.sub0403_2_wrap .member_list li .txt_area p{font-size:17px; color:#222; font-weight:500;}

/*sub0403_3*/
.sub0403_3_wrap h5 { display: block; text-align: center; line-height: 1; font-size: 30px; font-weight: 700; color: #222; margin-bottom: 55px;}
.sub0403_3_wrap .slider-for > div{position: relative;  width: 100%; height: 0; color:#888; padding-bottom: 45%; text-align:center;}
.sub0403_3_wrap .slider-for > div img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: auto; max-width: 100%; max-height: 100%;}

.sub0403_3_wrap .slider-for .img_area{display:inline-block; width: 63%; vertical-align:top;}
.sub0403_3_wrap .slider-for .img_area .edit_area{position: relative;  width: 100%; height: 0; color:#888; padding-bottom: 71%; text-align:center; }
.sub0403_3_wrap .slider-for .img_area .edit_area img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: auto; max-width: 100%; max-height: 100%;}
.sub0403_3_wrap .slider-for .txt_area{display:inline-block; width:35%; vertical-align:top; text-align:left; padding-left:1.5%; }
.sub0403_3_wrap .slider-for .txt_area strong{display:block; font-size:20px; color:#084897; padding:0 0 20px 10px; border-bottom:1px solid #ddd;}
.sub0403_3_wrap .slider-for .txt_area p{padding:20px 10px;}

.sub0403_3_wrap .edit_area p.pc_txt{display:block; padding-top:30%;}
.sub0403_3_wrap .edit_area p.tab_txt{display:none;}
.sub0403_3_wrap .edit_area p.mob_txt{display:none;}

.sub0403_3_wrap .slick-slider{position:relative; width:100%; margin-bottom:60px; }
.sub0403_3_wrap .slick-dots{position:absolute;  left: 50%; bottom:15px; transform: translate(-50%, 0); }
.sub0403_3_wrap .slick-dots li.slick-active button{background:#00b0f0;}
.sub0403_3_wrap .slick-dots li {display:inline-block; margin:5px;}
.sub0403_3_wrap .slick-dots li button{font-size:0; width:10px; height:10px; border-radius:5px; background:#ddd;}

.sub0403_3_wrap .slider-nav{padding:0 40px 0 35px; margin-bottom:0;}
.sub0403_3_wrap .slider-nav div{margin:0 0.2%; cursor: pointer;}
.sub0403_3_wrap .slider-nav p{position: relative;  width: 100%; height: 0; color:#888; padding-bottom: 71%; text-align:center; /*border:1px solid #ddd;*/ }
.sub0403_3_wrap .slider-nav p span{display:block; padding-top:23%}
.sub0403_3_wrap .slider-nav p img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: auto; max-width: 100%; max-height: 100%;}

.sub0403_3_wrap .slick-prev{position:absolute; width:35px; height:35px; background:url(/images/slick-prev.png) no-repeat; font-size:0; left:0; bottom:35%; z-index:99;}
.sub0403_3_wrap .slick-next{position:absolute; width:35px; height:35px; background:url(/images/slick-next.png) no-repeat; font-size:0; right:0; bottom:35%; z-index:99;}

/* sub04_2 */
#sub0404_2_wrap{}
#sub0404_2_wrap .triang_wrap{position: relative; margin-bottom: 80px;}
#sub0404_2_wrap .triang_wrap .triang_info{position: absolute; width: 300px; transform: translate(-50%,0);}
#sub0404_2_wrap .triang_wrap .triang_info strong{position: relative; display: inline-block; font-size: 16px; font-weight: 500; line-height: 1; color:#222222; margin-bottom: 20px;}
#sub0404_2_wrap .triang_wrap .triang_info strong:after{content: ''; position: absolute; bottom: -15px; left: 0;width: 100%; height: 2px; background: #00b0f0;}
#sub0404_2_wrap .triang_wrap .triang_info p{font-size: 16px; font-weight: 400; line-height: 27px; color:#222222; word-break: keep-all;}
#sub0404_2_wrap .triang_wrap .triang_info01{top: 60px; left: 50%; margin-left: 260px;}
#sub0404_2_wrap .triang_wrap .triang_info02{bottom: 20px; left: 50%; margin-left: -410px; text-align: right;}
#sub0404_2_wrap .triang_wrap .triang_info03{bottom: 20px; left: 50%; margin-left: 410px;}

#sub0404_2_wrap .triang_wrap .img_wrap{text-align: center;}
#sub0404_2_wrap .triang_wrap .img_wrap img{}

#sub0404_2_wrap .education_wrap{}
#sub0404_2_wrap .education_wrap .education_list{display: flex;}
#sub0404_2_wrap .education_wrap .education_list > li{float: left; width: 216px; height: 168px; border: 1px solid #e4e4e4; border-top: 0 none; margin-right: 30px;}
#sub0404_2_wrap .education_wrap .education_list > li:last-child{margin-right: 0;}
#sub0404_2_wrap .education_wrap .education_list > li p{font-size: 20px; font-weight: 700; line-height: 60px; color:#fff; background: #00adeb; text-align: center;}
#sub0404_2_wrap .education_wrap .education_list > li > ul{padding: 19px 9px;}
#sub0404_2_wrap .education_wrap .education_list > li > ul li{}
#sub0404_2_wrap .education_wrap .education_list > li > ul li span{display: block; position: relative; padding-left: 15px;}
#sub0404_2_wrap .education_wrap .education_list > li > ul li span:before{content: ''; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); width: 5px; height: 5px; background: #000; border-radius: 100px;}

/* sub04_3 */
#sub0404_3_wrap{}
#sub0404_3_wrap .img_list{margin-bottom: 59px;}
#sub0404_3_wrap .img_list li{float: left; width: /* 274px */22.83%; height: /* 348px */100%; margin-right: 2.5%;position: relative; /* border: 1px solid #efefef; */ background-image: linear-gradient(transparent 74% , #878787);}
#sub0404_3_wrap .img_list li:last-child{margin-right: 0;}
#sub0404_3_wrap .img_list li .img_wrap{position: relative; width: 100%; height: 0; padding-bottom: 126.64%;}
#sub0404_3_wrap .img_list li .img_wrap img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; height: auto; max-width: 100%; max-height: 100%; z-index: -1;}
#sub0404_3_wrap .img_list li p{position: absolute; bottom: 18px; /* left: 50%; transform: translate(-50%,0);  */ width: 100%; text-align: center; font-size: 20px; font-weight: 700; line-height: 25px; color:#fff;}


#sub0404_3_wrap .txt_list{}
#sub0404_3_wrap .txt_list li{margin-bottom: 38px;}
#sub0404_3_wrap .txt_list li img{float: left; margin-right: 30px;}
#sub0404_3_wrap .txt_list li .txt_wrap{float: left;width: 80%;}
#sub0404_3_wrap .txt_list li .txt_wrap strong{display: block; position: relative; font-size: 20px; font-weight: 700; line-height: 1; color:#222222; margin-bottom: 20px;}
#sub0404_3_wrap .txt_list li .txt_wrap strong:after{content: ''; position: absolute; bottom: -10px; left: 0; width: 50px; height: 2px; background: #00b0f0;}
#sub0404_3_wrap .txt_list li .txt_wrap strong.on:after{content: ''; position: absolute; bottom: -10px; left: 0; width: 50px; height: 2px; background: #2363b1;}
#sub0404_3_wrap .txt_list li .txt_wrap p{font-size: 16px; font-weight: 400; line-height: 25px; color:#222222;}


/* sub0404 */
.sub_test01_wrap .con01 h5{display: block; text-align: center; line-height: 1; font-size: 30px; font-weight: 700; color:#222; margin-bottom: 55px;}
.sub_test01_wrap .con01 p{font-size: 20px; font-weight: 500; color:#222; line-height: 25px; text-align: center;}
.sub_test01_wrap .con01 ul{position: relative; width: 79.1%; display: flex; height: 130px; margin: 35px auto 75px;}
.sub_test01_wrap .con01 ul li{position: absolute; display: flex; width:37.15%; height: 130px; border-radius: 65px;}
.sub_test01_wrap .con01 ul li:nth-child(1){left: 0; top: 0; background-color:rgba(85,141,210,0.7);}
.sub_test01_wrap .con01 ul li:nth-child(2){left: 0; top: 0; right: 0; margin: 0  auto; background-color:rgba(8,72,151,0.7);}
.sub_test01_wrap .con01 ul li:nth-child(3){right: 0; top: 0; background-color:rgba(0,176,240,0.7);}
.sub_test01_wrap .con01 ul li span{display: block; width: 100%; align-self: center; font-size: 16px; color:#fff; line-height: 30px; text-align: center;}
.sub_test01_wrap .con02{display:flex; width: 100%; margin-top: 40px; justify-content: space-between;}
.sub_test01_wrap .con02 .con02_li{width: 48.83%;}
.sub_test01_wrap .con02 .con02_li .img_area{position: relative; width: 100%; padding-bottom: 42.49%; border-radius: 10px 10px 0 0; overflow: hidden;}
.sub_test01_wrap .con02 .con02_li .img_area img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index:10;}
.sub_test01_wrap .con02 .con02_li .img_area span{position: absolute; display: block; text-align: center; width: 100%; line-height: 1; font-size: 20px; color:#fff; font-weight:700; bottom: 13px; left: 0; }
.sub_test01_wrap .con02 .con02_li .txt_area{ width: 100%;  border-radius: 0 0  10px 10px; padding: 20px; border: 1px solid #ddd; border-top: none;}
.sub_test01_wrap .con02 .con02_li .txt_area ul li{position: relative; padding-left: 15px; font-size: 16px; line-height: 25px; color:#222}
.sub_test01_wrap .con02 .con02_li .txt_area ul li:after{content:''; position: absolute; left: 0; top: 10px; width: 5px; height:5px; background-color:#222222;}
.sub_test01_wrap .con03{margin-top: 80px;}
.sub_test01_wrap .con03 h5{display: block; line-height: 1; font-size: 30px; font-weight: 700; color:#222;}
.sub_test01_wrap .con03 ul{display: flex; flex-wrap:wrap; margin-top: 50px;}
.sub_test01_wrap .con03 ul li{width: 23.75%; margin-right: 1.66%; border-radius: 10px; border:1px solid #ddd; padding: 30px 20px 10px 10px; box-shadow: rgba(0,0,0,0.15) 5px 0 7px;}
.sub_test01_wrap .con03 ul li:last-child{margin-right: 0;}
.sub_test01_wrap .con03 ul li .icon{height: 60px; text-align: center;}
.sub_test01_wrap .con03 ul li .icon img{height: 100%; }
.sub_test01_wrap .con03 ul li em{display: block; text-align: center; line-height: 1; margin-top: 35px; color:#222; font-size: 20px; font-weight: 700; margin-bottom: 20px;}
.sub_test01_wrap .con03 ul li p{position: relative; padding-left: 15px; font-size: 16px; line-height: 30px; color:#222; }
.sub_test01_wrap .con03 ul li p:before{content:''; position: absolute; left: 0; top: 12.5px; width: 5px; height:5px; background-color:#222222;}
.sub_test01_wrap .con03 ul li p.pleft01{padding-left: 68px;}
.sub_test01_wrap .con03 ul li p.pleft01 span{position: absolute; left: 0; top: 0; padding-left: 15px;}
.sub_test01_wrap .con03 ul li p.pleft02{padding-left: 50px;}
.sub_test01_wrap .con03 ul li p.pleft02 span{position: absolute; left: 0; top: 0; padding-left: 15px;}









/* sub0602 Recruitment */
.h5tit01 {font-size:20px; color:#0d4189; margin-bottom:10px; margin-top:30px; padding-left:30px; background:url(/images/sub/h5_bullet.jpg) no-repeat left 8px;}
.ptxt03 {font-size:16px; color:#555; line-height:28px; padding-left:30px; word-break:keep-all;}

.benefits_ul {width:100%; margin-top:30px;}
.benefits_ul li {float:left; width:220px; margin-right:25px; margin-top: 30px;}
.benefits_ul li:nth-child(-n+5) {margin-top:0;}
.benefits_ul li:nth-child(5n) {margin-right:0;}
.benefits_ul li .txtarea1 {font-size:16px; color:#333; margin-top:15px; font-weight:bold; text-align:center; word-break:keep-all;}

.recruitment_tb01 {width:100%; border-top:2px solid #0d4189; margin-top:30px;}
.recruitment_tb01 th {font-weight:bold; font-size:16px; color:#0d4189; text-align:left; padding:10px; word-break:keep-all; border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea;}
.recruitment_tb01 th:last-child {border-right:none;}
.recruitment_tb01 td {font-size:16px; color:#777; text-align:left; padding:10px 15px; word-break:keep-all; border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea;}
.recruitment_tb01 td:last-child {border-right:none;}

/*FAQ */
/*.faq_wrap {}*/
/*.faq_con {width:100%; margin-top:10px;}*/
/*.faq_con:first-child {margin-top:0;}*/
/*.faq_con .ftit {width:100%; height:auto; background:#f8f8f8 url(/images/sub/hstay_arrow.png) no-repeat 95% center; cursor:pointer; padding:30px 30px 0 30px;}*/
/*.faq_con .ftit h4 {font-size:16px; width:85%; height:auto; line-height:26px; font-weight:500; color:#333; background:url(/images/sub/f_icon.png)no-repeat;  padding:5px 0 30px 60px;}*/
/*.faq_con .atxt {display:none; !*padding:30px;*! margin-top:10px; position:relative; background:#fff;}*/
/*!*.faq_con .atxt p {margin-bottom:5px; word-break:keep-all; background:url(/images/sub/q_icon.png)no-repeat; padding-left:60px; height:auto; min-height:40px;}*!*/
/*.faq_con .atxt p:last-child {margin-bottom:0;}*/
/*.faq_con .ftit.on { background:#f8f8f8 url(/images/sub/hstay_arrow_on.png) no-repeat 95% center;}*/
/*.faq_con .ftit.on h4 {color: #084897;font-weight: 800;}*/
/*.faq_con .ftit.on::before {color:#93a5c3;}*/
/*.answer_icon{ word-break: keep-all; background: url(/images/sub/q_icon.png)no-repeat; padding-left: 60px; height: auto; min-height: 40px;padding: 8px 0 8px 60px;margin-left: 85px;}*/


/* product documentation Technical Literature*/
.tab_sort{position:relative;margin:0 0 46px 0;padding:0 0 0 1px;overflow:hidden}
.tab_sort:before{position:absolute;left:0;bottom:0;display:block;width:100%;height:2px;content:'';background:#00b0f0}
.tab_sort li{float:left;margin-left:-1px}
.tab_sort li a{display:block;padding:11px 17px 14px;color:#888;letter-spacing:-0.03em;background:#f5f5f5;border-right:1px solid #ccc;border-left:1px solid #ccc;border-top:1px solid #ccc;font-size:15px;/*border-bottom-color:#111;*/width:200px;text-decoration:none;text-align:center;}
.tab_sort li a.current{position:relative;color:#111;border-right:2px solid #00b0f0;border-left:2px solid #00b0f0;border-top:2px solid #00b0f0;background:#fff;z-index:1}
.tab_sort li a.past{position:relative;color:#111;border-right:2px solid #00b0f0;border-left:2px solid #00b0f0;border-top:2px solid #00b0f0;background:#fff;z-index:1}
.tab_sort li a:hover, .tab_sort li a:focus{color:#111;background-color:#fff;}


.wrapper {width: 60px;height: 28px;text-align: center;margin: 0px auto;}
#newsletter_switch {position: fixed; /* hidden */appearance: none;-webkit-appearance: none;-moz-appearance: none;}
#subscription_switch {position: fixed; /* hidden */appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.switch_label {position: relative;cursor: pointer;display: inline-block;width: 80px;height: 28px;background: #fff;border: 2px solid #aaaedd;border-radius: 20px;transition: 0.2s;}
.switch_label:hover {background: #efefef;}
.onf_btn {position: absolute;top: 2px;left: 4px;display: inline-block;width: 20px;height: 20px;border-radius: 20px;background: #aaaedd;transition: 0.2s;}
/* checking style */
#newsletter_switch:checked+.switch_label {background: #214796;border: 2px solid #214796;}
#newsletter_switch:checked+.switch_label:hover {background: #407eff;}
#subscription_switch:checked+.switch_label {background: #214796;border: 2px solid #214796;}
#subscription_switch:checked+.switch_label:hover {background: #407eff;}
/* move */
#newsletter_switch:checked+.switch_label .onf_btn {left: 34px;background: #fff;box-shadow: 1px 2px 3px #00000020;}
#subscription_switch:checked+.switch_label .onf_btn {left: 34px;background: #fff;box-shadow: 1px 2px 3px #00000020;}