@media screen and (max-width:767px) {

.center{text-align:center;}
.pc_img {display:none;}
.tab_img {display:none;}
.mob_img {display:inline-block;}
.pc {display:none;}
.tab {display:none;}
.mob {display:block;}

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

/* === Main === */
#wrap {position:relative; width:100%; max-width:767px; min-width: 320px; margin:0 auto; overflow:hidden; word-break: keep-all}
.inner{width:100%; margin:0 auto; padding: 0 2.66%;}

#header{width: 100%; height: 100px; background-color:#00b0f0;}
.h_inner {position: relative; height: 60px;  width:1820px; margin:0 auto; max-width: 100%;}

.sub_inner_3 .con02_1{width: 1200px;margin: 0 auto;max-width: 100%;margin-top: 40px;margin-bottom: 40px; }
.sub_inner_3 .con03_1{width: 1200px;margin: 0 auto;max-width: 100%;margin-top: 40px;margin-bottom: 40px; }

.sub_inner_3 .con03_1 .con03_wrap img{width: 60%}
.sub_inner_3 .con02_1 .con02_wrap{display: flex;flex-wrap: wrap; margin-bottom: 10px}
.sub_inner_3 .con02_1 .con02_wrap li{width: 25%;height: 130px;background-color: rgb(255 255 255 / 50%); text-align: center;}
.sub_inner_3 .con03_1 .con03_wrap li{width: 21%;margin-right: 5px;height: 110px;background-color: rgb(255 255 255 / 70%);padding: 10px; text-align: center;}

#header h1{position: absolute; left: 2.66%; bottom: -20px;}
#header h1 a{display: block; width: 100%; height: 100%;}
#header h1 img{width: 50%; height: 100%; }

#header .search_box{position: absolute; display: none; width: 600px; height: 40px;  font-size: 0; left: 0;bottom: 26px; right: 0; margin: 0 auto;}
#header .search_box label{display: inline-block; width: 150px; 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: 410px; 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:#222;}
#header .search_box input::-webkit-input-placeholder{font-size: 14px; font-weight: 500; color:#222;}
#header .search_box input:-ms-input-placeholder{font-size: 14px; font-weight: 500; color:#222;}
#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 #222; vertical-align: top;}

.h_top{position: absolute; right:  65px; top: 20px;}
.h_top ul{text-align: right; font-size: 0; }
.h_top ul li{position: relative; display: inline-block; margin-right: 20px;}
.h_top ul li:after{content:''; position: absolute;width: 1px; height: 15px; 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:black; font-size: 10px; line-height: 1; }
/*.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; display:none;width: 100%; background-color:#00b0f0; border-top: 1px solid #fff; height: 50px; z-index:500;}
.pc_gnb > ul > li{float: left; width: 170px; height: 100%; }
.pc_gnb > ul > li > a{position: relative; display: block; width: 100%; height: 100%; text-align: center; line-height: 49px; color:#fff; font-size: 17px; font-weight: 500;}
.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; }
.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: 600px; min-height: 650px; background-color:#fafafa; font-size: 0; }
.pc_gnb .depth03.on{visibility: visible; opacity: 1;}
.pc_gnb .depth03 > li{width: 300px; margin-top: 30px; padding: 0 0 20px 30px; vertical-align: top;}
.pc_gnb .depth03 > li > a{font-size: 16px; color:#3c79c3; font-weight: 700;}
.pc_gnb .depth04{ margin-top: 18px;}
.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:-1;}

.btn_wrap{position: absolute; display: flex; font-size: 0; right: 2.66%; top: 22px;}
.btn_wrap a.language{margin: 0 15px;}
.btn_wrap a.search img{width: 18.5px; height: 20px; align-self: center;}
.btn_wrap a.language img{width: 19.5px; height: 19.5px; align-self: center;}
.btn_wrap a.nav_btn{width: 25px; height: 16.5px; background:url('/images/main/nav_btn_mob.png')center no-repeat; background-size: 100% 100%; align-self: center;}

.language {top: 55px; right: 12px; width:70px; 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:5px; line-height:15px; font-weight:normal; background:url(/images/main/l_arrow.png) 90% 3px no-repeat; background-size: 10px;}
.language.on h5{background:url(/images/main/l_arrow_on.png) 90% 0px no-repeat; background-size: 10px;}
.search_menu_pc ul li a{padding: 0 20px; line-height: 60px; font-size: 15px; color:#666666; font-weight: 500; }
.search_product_list h3 i {border-radius: 50%;font-size: 20px;padding: 10px;background: #cddaea;color: #084897; width: 40px; text-align: center;}

.user_menu {position:absolute; top: 26px; right: 35px; 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: 35px; height:35px; overflow:hidden; cursor:pointer; background:#ffffff; z-index:1000; border: 1px solid #dfdfdf;color: black;}
.user_menu h5 {font-size:15px; color:#666; font-weight:normal; padding-left: 5px; padding-right: 5px;}
.user_menu ul li a{color: black; font-size: 12px; line-height: 1;}

/*회원가입*/
.mainForm {margin: 0 auto;padding-top: 20px; padding-bottom: 20px; background: #f8f8f8;}
.login_tb td input {width: 100%; height: 50px;padding-left: 12px;border: 1px solid #eee;font-size: 12px;font-weight: 600;box-sizing: border-box;}
.login_info { padding: 10px; }

.member_input {clear: both;margin: 0 auto;padding: 10px 10px 0 10px;border-top: 1px solid #d3d3d3;}
.member_tb th {font-size: 11px;color: #000;font-weight: 400;padding: 10px 0 0 0px;vertical-align: top;}
.member_tb td {position: relative;padding: 5px 5px;}
.member_tb td input {width: 100%;height: 35px;padding-left: 0px;border: 1px solid #eee;font-size: 11px;box-sizing: border-box;font-weight: 600;text-align: center;}
.member_tb td .checkbox {width: 100%;height: 20px;padding-left: 20px;border: 1px solid #eee;font-size: 15px;box-sizing: border-box;}
.member_info td select {height: 35px;padding-left: 20px;border: 1px solid #eee;font-size: 11px;font-weight: 600;box-sizing: border-box; width: 100%;}

.profile {/*position: absolute;top: 35px;right: 220px;*/width: 30%; height: 90px;overflow: hidden;cursor: pointer;background: #fff;z-index: 9999; text-align: center; padding: 10px;}
.profile i {font-size: 65px; 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: 25%; padding: 10px;}
.profile_fomat2 li{ font-size: 11px;}
.profile_fomat1 .profile_name { font-weight: bold; }
.profile_fomat1 .password_change { background: #084897; padding: 5px; font-weight: bold;}
.profile_fomat1 {float: right;width: 45%;border-left: solid;padding: 15px;padding-left: 15px;}
.profile_wrap ul li{ line-height: 50px; }
.format {margin: 0 15px;}
.format2 {margin: 0 15px;}
.format3 {margin: 0 15px;}
.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 7px; line-height: 40px; font-size: 11px; color:#666666; font-weight: 500; cursor: pointer;}

#Search_Form span{display: flex;margin-bottom: 10px;}

/* 검색엔진*/
.search_list {position: absolute;left: 50%;top: 97px;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);z-index: 248;width: 85%;}
.box-recent {margin-right: 20px;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 - 10px);}
.list_layer_inner .layer_cont {display: -webkit-box;display: -ms-flexbox;display: flex;padding: 10px 10px 10px 10px; min-height: 450px;}
/*문의 사항*/
.contactus-main {display: none;}

.tab_gnb{display:block; width: 100%;background-color:#00b0f0; border-top: 1px solid #fff; height: 30px;}
.tab_gnb .inner{padding: 0}
.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: 30px; color:#fff; font-size: 12px; font-weight: 500;;}

.layer_menu{position: absolute; display:block;  left: 100%; top: 0; visibility: hidden; opacity:0; transition: 0.5s; width: 100%; height: 100%; background-color:#FFF; z-index: 9999;}
.layer_menu.on{left: 0; opacity:1; visibility: visible;}
.layer_menu .layer_wrap{position: relative; width: 100%; height: 100%; }
.layer_menu .layer_dep{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color:#FFF;transition: 0.5s; width: 100%;}
.layer_menu .layer_2dep{z-index: 100;}
.layer_menu .layer_3dep{z-index: 110;  visibility: hidden; opacity:0; left: 100%;}
.layer_menu .layer_3dep.on{left: 0; opacity:1; visibility:visible;}
.layer_menu .layer_4dep{z-index: 120;  visibility: hidden; opacity:0; left: 100%;}
.layer_menu .layer_4dep.on{left: 0; opacity:1; visibility:visible;}

.layer_menu .layer_dep .layer_top{position : relative; width: 100%; height: 80px; border-top: 5px solid #01377a; border-bottom: 1px solid #ddd; }
.layer_menu .layer_dep .layer_top h2{font-size: 14px; text-align: center; line-height: 54px; color:#01377a; font-weight: 500;}
.layer_menu .layer_dep .layer_top .layer_close{position: absolute; right: 2.6%; bottom: 20px; width: 17.5px; height: 18.5px; background:url(/images/main/nav_close.png)center no-repeat; background-size: 100% 100%;}
.layer_menu .layer_dep ul li{width: 100%; height: 40px; border-bottom: 1px solid #ddd; background:url(/images/main/nav_arrow.png)center right 20px no-repeat; background-size:5.5px 11.5px;}
.layer_menu .layer_dep ul li a{display: block; width: 100%; height: 100%; padding-left: 10px; line-height: 40px; font-size: 13px; color:#222;}
.layer_menu .layer_dep ul li.on{background:url('/images/main/nav_arrow_on.png')center right 20px no-repeat; background-size:5.5px 11.5px;}
.layer_menu .layer_dep ul li.on a{color:#00b0f0;font-weight: 500;}
.layer_menu .layer_3dep ul li a{color:#3c79c3; font-size: 12px; font-weight: 700;}
.layer_menu .layer_3dep ul li.on a{color:#00b0f0; font-size: 12px; font-weight: 700;}
.layer_menu .layer_4dep ul li a{color:#3c79c3; font-size: 12px; font-weight: 700;}
.layer_menu .layer_4dep ul li.on a{color:#00b0f0; font-size: 12px; font-weight: 700;}
.layer_menu .back{position: absolute; left:2.6%; top:0; padding-left: 11px;background:url(/images/main/nav_back_mob.jpg)center left no-repeat; background-size:5px 12px;}
.layer_menu .back span{ line-height: 60px; font-size:  12px; color:#01377a;}

#visual_wrap{position: relative; width: 100%; height: 500px;}
#visual_wrap p.mob_img{display: block ;}
#visual_wrap p.tab_img{display: none ;}
.visual_txt {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 200;}
.visual_txt li .bar{width: 100%; height: 25px; cursor: pointer; padding: 0 2.6%}
.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%;}
.visual_txt li .bar em{display: block; font-size: 13px; line-height: 25px; color:#fff; font-weight: 700;}
.visual_txt li .bar .arrow{position: absolute; display:none; width: 10px; right: 0;top: 0;  height: 30px; background:url('/images/main/main_visual_arrow_tab.png')center no-repeat; background-size:10.5px 4.5px;}
.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: 375px;}
.visual_txt li.on .txt_area{position: relative; height: 375px;}
.visual_txt li.on .bar .arrow{background:url('/images/main/main_visual_arrow_on_tab.png')center no-repeat; background-size:10.5px 4.5px;}
.visual_txt .txt_box{position: absolute; width: 94.8%; height: 263px;  left: 0; right: 0;top: auto; bottom: 7.5px; margin: 0 auto; background-color:rgba(0,0,0,0.5); padding: 17px 19px; }
.visual_txt .txt_box em{display: block; font-size: 23px; color:#fff; font-weight: 700; line-height: 30px; word-break: keep-all;}
.visual_txt .txt_box p{font-size: 12px; line-height: 17px; color:#fff; font-weight: 300; margin-top: 18px;}
.visual_txt .txt_box a{position: absolute; display: block; left: 19px; bottom: 17px; width: 120px; height: 30px; border: 1px solid #fff; font-size: 12px; font-weight: 300; color:#fff;  text-align: center; line-height: 28px;
padding-right: 15px; background:url(/images/main/visual_txt_arrow_mob.png)center right 21px no-repeat; background-size: 5px 10px;}

.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: 500px; top: auto; bottom: 0;}

#section01{width: 100%;}
#section01 .inner{padding: 0;}
#section01 .sec01_btn{width: 100%; height: 50px; background-color:#e1f7ff; overflow: hidden;}
#section01 .sec01_btn ul li{float: left; display: flex; width: 25%; height: 50px;  }
#section01 .sec01_btn ul li.on{background-color:#FFF; border-top: 3px solid #01377a; box-shadow:rgba(0,0,0,0.2) 0 0 10px;}
#section01 .sec01_btn ul li a{display: block; width: 100%; height: auto; align-self:center;  font-size: 12px; line-height: 13px; color:#222; text-align: center; font-weight: 700;}
#section01 .sec01_btn ul li.on a{color:#01377a; font-size: 12px;}
/*#section01 .sec01_con{padding-top: 40px;}*/
#section01 .sec01_con .inner{padding: 0 2.6%;}
#section01 .sec01_con em{display: block; font-size: 14px; line-height: 1; color:#2363b1; font-weight: 700;}
#section01 .sec01_con p{font-size: 12px; line-height: 17px; padding-right: 0; margin-top: 15px;}
#section01 .sec01_con a{/*display: block;*/ /*width: 200px;*/ height: 30px; /*line-height: 30px;*/ text-align: center;margin-top: 20px; /*color:#fff; font-size: 20px;*/ font-weight: 500; /*background-color:#00b0f0;*/}

#section01 .sec01_con .con01_1{background: linear-gradient(180deg, #084897, #87a9d2);width: 100%;}
#section01 .sec01_con .con01_2{background: #ebf1fd;width: 100%;}
#section01 .sub_content{font-size: 12px; margin-top: 10px; margin-bottom: 20px;}

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

h2.main_tit{display: block; margin: 0 auto; width: 300px; height: 35px; text-align: center; line-height: 35px; /*background-color:#cedcf4;*/ text-align: center; color:#ffffff; font-size: 20px; }
#section02{ padding-bottom: 50px; padding-top: 50px; background: linear-gradient(180deg, #00316d, #00479e);}
#section02 .sec02_rolling_wrap{position: relative; padding: 0; margin-top: 30px;}
#section02 .sec02_rolling{padding: 0 !important; overflow: hidden !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: 18px 16px;}
#section02 .sec02_rolling li .txt_area em{display: block; line-height: 1; color:#095ec7; font-size: 12px; 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: 17px; color:#222; margin-top: 15px; text-align: center; font-weight: 700; word-break: keep-all; overflow: hidden;
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; height: 34px}
#section02 .sec02_rolling_wrap .swiper-pagination{ width: 100%; left: 0; bottom: -40px;;}
#section02 .sec02_rolling_wrap .swiper-pagination-bullet{width: 9px; height: 9px; background-color:#ddd; margin: 0 5px;}
#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: 30px; height: 30px; 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: 200px; 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: 150px; }
#coverflow li .txt_area em{display: block; line-height: 1; color:#000000; font-size: 12px; 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;}

#section03{padding: 0 0 40px;}
#section03 .inner{display: flex; flex-wrap:wrap; font-size: 0;}
#section03 ul li span{position: absolute; left: 0; bottom: 0; top: 0; text-align: center; height: 15px;right:0; margin: auto; color:#fff; line-height: 1; font-size: 15px; font-weight: 700;}
#section03 .con01{display:none; margin-top: 60px; width: 100%; }
#section03 .con01 ul li{position: relative; float: left; width: 35.42%; margin-right: 1.44%; 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: 26.27%;}
#section03 .con01 ul li:last-child{margin-right: 0;}
#section03 .con02{display:none; position: relative; width: 26.27%; margin-right: 1.13%; margin-top: 10px; overflow: hidden;}
#section03 .con02 span{position: absolute; left: 18px; bottom: 20px; color:#fff; line-height: 1; font-size: 20px; font-weight: 700;}
#section03 .con02 img{width: 100%; transition: 0.3s;}
#section03 .con02:hover img{transform: scale(1.2); }
#section03 .con03{display:none; width: 72.6%; 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: 61.86%; margin-right: 1.86%;}
#section03 .con03 ul li:nth-child(2){width: 36.28%;}
#section03 .con03 ul li:nth-child(3){width: 36.28%; margin-right: 1.75%; margin-top: 10px;}
#section03 .con03 ul li:nth-child(4){width: 61.86%; margin-top: 10px;}
#section03 .con03 ul li img{width: 100%; transition: 0.3s;}
#section03 .mob_con {display: block; margin-top: 30px;}
#section03 .mob_con ul li{position: relative; float:left; width: 48.59%; margin-right: 2.82%; margin-top: 10px;}
#section03 .mob_con ul li:nth-child(2n){margin-right: 0;}
#section03 .mob_con ul li:nth-child(-n + 2){margin-top: 0;}
#section03 .mob_con ul li img{width: 100%; }

#section04 .video_wrap{ margin-top: 16px;float: left;width: 85%;height: 200px;margin-left: 30px;margin-bottom: 20px}

.video_wrap {margin-top: 16px; float:left; width:100%; /*height:160px;*/ border:1px solid #ddd;margin-left:0px; 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;font-size: 18px;padding: 0 20px;margin: 8px 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_wrap .date{font-size: 12px;color: #999999;padding: 0 10px;margin-top: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.video_wrap .date span{float: right;}

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

#_footer{padding: 30px 0 30px; background-color:#01324b;}
#_footer .inner{position: relative; }
#_footer .foot_menu {float: none;}
#_footer .foot_menu > ul{display: flex; flex-wrap: wrap;}
#_footer .foot_menu > ul > li{float: none; margin-right: 4.16%; min-width: 0; width: 30.56%; margin-top: 25px;}
#_footer .foot_menu > ul > li:last-child{margin-right: 0;}
#_footer .foot_menu > ul > li:nth-child(3n){margin-right: 0;}
#_footer .foot_menu > ul > li:nth-child(-n + 3){margin-top: 0;}
#_footer .foot_menu > ul > li > a{display: block;  font-size: 13px; font-weight: 700; color:#fff; line-height: 1; padding-bottom: 10px; border-bottom: 1px solid #4e7081;}
#_footer .foot_menu > ul > li ul{margin-top: 8px;}
#_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: 12px; font-weight: 300; color:#fff; line-height: 17px; }
#_footer .right{float: none; /*display: flex;*/ margin-top: 35px;}
#_footer .mark {float: none; font-size: 0; align-self: center;}
#_footer .mark li{display: inline-block; margin-right: 10px; }
#_footer .mark li:last-child{margin-right: 0;}

#_footer .auth{ /*float: none;*/ margin-top:0; }
#_footer .auth em{display: block; font-size: 13px; font-weight: 700; color:#fff; line-height: 1; }
#_footer .auth ul li{float: left;  margin-right: 7px;}
#_footer .auth ul li:last-child{margin-right: 0;}
#_footer .auth ul li a{display: block; width: 100%; height: 100%;}
#_footer .auth ul li img{width: 100%; height: 100%;}

#_footer .sns{/*float: none;*/ margin-top:0;  align-self: center;}
#_footer .sns em{display: block; font-size: 13px; font-weight: 700; color:#fff; line-height: 1; }
#_footer .sns ul{margin-top: 10px;}
#_footer .sns ul li{float: left; width: 27.5px; height: 27.5px; margin-right: 7px;}
#_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{float: left; margin-top:0; margin-right: 30px; /*display: none;*/}

#_footer p.copyright{float: none; font-size: 12px; color:#fff; line-height: 22px; margin-top: 25px; font-weight: 300; padding-right: 88px;}
#_footer p.copyright span{display: block;line-height: 0; opacity:0;}
#_footer .scroll_top{position:absolute; right: 20px; top: auto; bottom:40px; width: 40px; height: 40px; text-align: center; cursor: pointer; border: 1px solid #fff; background:url(/images/main/foot_scroll_top_mob.png)center top 8px no-repeat; background-size:12px 6px;padding-top: 12px;}
#_footer .scroll_top span{display: inline-block; line-height: 1; color:#fff; font-size: 12px; }

#_footer .company_policy{float: none; font-size: 12px; color:#fff; line-height: 22px; margin-top: 25px; font-weight: 300;}

/* #footer{padding: 30px 0 30px; background-color:#666666;}
#footer .inner{position: relative; }
#footer .foot_menu{padding-left: 0;}
#footer .foot_menu > ul > li{float: left; margin-right: 35px;}
#footer .foot_menu > ul > li > a{font-size: 12px; font-weight: 700; color:#7babe7; line-height: 1; }
#footer .foot_menu > ul > li ul{margin-top: 20px;}
#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: 12px; font-weight: 300; color:#fff; line-height: 17px; }
#footer .sns{position: static; right:  10px; top: 0;  margin-top: 17px; width: 100%;}
#footer .sns em{font-size: 12px; font-weight: 700; color:#7babe7; line-height: 1; }
#footer .sns ul{margin-top: 20px;}
#footer .sns ul li{float: left; width: 30px; height: 30px; 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{width: 100%;font-size: 12px; color:#fff; line-height: 1; margin-top: 18px; font-weight: 300; padding-left: 0px;} */

/*=== sub ===*/
.location{display: flex; width: 100%; height: 40px; padding-left: 2.6%; visibility:hidden; opacity: 0; transition:0.5s;}
.location.on{visibility:visible; opacity: 1; }
.location .sub_menu_btn{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 .sub_menu_btn_tab{display:block; width: 16px; height: 12.5px; background:url('/images/sub/sub_loc_open_mob.png')center no-repeat; background-size: 100% 100%; margin-right: 10px; align-self: center; cursor:pointer;}
.location ul{display: flex; align-self:center; font-size: 0; }
.location ul li{position: relative; line-height: 1; align-self: center; font-size: 12px; color:#666666; font-weight: 300; margin-right: 25px;}
.location ul li:last-child{margin-right: 0;}
.location ul li:after{content:''; width: 5.5px; height: 12.5px; position: absolute; right: -15.5px; top: 50%; transform: translateY(-50%);background:url('/images/sub/sub_loc_arrow_mob.png')center no-repeat;background-size: 100% 100%;}
.location ul li:last-child:after{display:none;}

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

.sub_menu{position: absolute; width: 100%; height: 100%; left: -100%; top: 0; background-color:#FFF; border-right: none; visibility:hidden; opacity: 0; transition: 0.5s; z-index:1000;}
.sub_menu_bg{display:none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color:rgba(0,0,0,0.3); z-index:600;}
.sub_menu.on{left: 0; visibility: visible; opacity: 1; transition: 0.5s;}
.sub_menu.on_tab{left: 0; visibility: visible; opacity: 1; transition: 0.5s;}
.sub_menu_top{display:none; width: 100%; height: 45px; border: 1px solid #eee; cursor: pointer; background:url('/images/sub/sub_loc_close_pc.png')center right 30px no-repeat;}
.sub_menu_top_tab{display:block; width: 100%; height: 40px; border: 1px solid #eee; cursor: pointer; background:url('/images/sub/sub_loc_close_tab.png')center right 20px no-repeat;
background-size: 20px 15px;}
.lnb h3{width: 100%; height: 40px; border: 1px solid #eee; border-top: none; border-right: none; background:url('/images/sub/sub_menu_arrow_tab.png')center right 20px no-repeat; background-size:13px 6.5px;}
.lnb h3.on{background:url('/images/sub/sub_menu_arrow_on_tab.png')center right 20px no-repeat; background-size:13px 6.5px;}
.lnb h3.active{background:url('/images/sub/sub_menu_arrow_on_tab.png')center right 20px no-repeat; background-size:13px 6.5px;}
.lnb h3 a{display: block; width: 100%; height:100%; line-height: 38px; color:#222; font-size:16px; font-weight: 300; padding-left: 20px;}
.lnb ul{background-color:#eef3f8;}
.lnb ul li{width: 100%; height: 25px; }
.lnb ul li:first-child{margin-top: 5px;}
.lnb ul li:last-child{margin-bottom: 5px;}
.lnb ul li a{padding-left: 30px; line-height: 22.5px; color:#666; font-size: 15px; font-weight: 300;}

.conbody{padding-top: 0px;}

h3.sub_tit{font-size: 20px; line-height: 1; font-weight: 700; color:#222; text-align: center;}
h4.sub_tit{position: relative; padding-left:15px; font-size: 14px; line-height: 1; font-weight: 700; color:#084897;}
h4.sub_tit:before{content:''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 10px; height: 10px; background:url('/images/sub/sub_tit_deco_tab.png')center no-repeat; background-size: 100% 100%;}

/*소개 공통*/
.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:10px; color:#333; font-weight:bold; line-height:22px; padding:4px 5px;}
.tbl_common1 td{border-bottom:1px solid #ddd; padding:4px 5px; font-size:10px; 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:#c5e5f5; border-bottom:1px solid #ddd; font-size:10px; color:#333; font-weight:bold; line-height:22px; padding:4px 5px;}
.tbl_common2 td {border-bottom:1px solid #ddd; padding:4px 5px; font-size:10px; line-height:22px; border-right:1px solid #ddd; text-align:center; color:#555; word-break:keep-all;}
.tbl_common2 td a{color:#2864d0;}
.tbl_common2 td img{vertical-align:middle;}

.tbl_common3 th {height: 26px;text-align: center;background: #084897;border-bottom: 1px solid #ddd;font-size: 10px;color: #ffffff;font-weight: bold;line-height: 22px;}
.tbl_common3 td{border-bottom:1px solid #ddd; padding:1px 10px; font-size:10px; line-height:22px; border-right:1px solid #ddd; text-align:left; color:#555; word-break:keep-all;}

.tab_menu_pc{display:none; width: 100%; height: 50px; background-color:#fafafa; margin-top: 40px;}
.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: 2px; 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 15px; line-height: 50px; font-size: 15px; color:#666666; font-weight: 500; }
.tab_menu_mob{position: relative; display:block; width: 100%; height: 35px; margin-top: 30px;}
.tab_menu_mob em{display:block; width: 100%; height: 100%; border: 1px solid #ddd; font-size: 13px; line-height: 33px; color:#666; padding-left: 10px; font-weight: 500; background:url(/images/sub/sub_tab_menu_arrow_mob.png)center right 10px no-repeat; background-size: 7px 6px;}
.tab_menu_mob em.on{background:url(/images/sub/sub_tab_menu_arrow_on_mob.png)center right 10px no-repeat; background-size: 7px 6px;}
.tab_menu_mob ul{position: absolute; display:none; width: 100%; left: 0; top: 34px; border: 1px solid #ddd; background-color:#FFF; z-index:100;}
.tab_menu_mob ul li a{display: block; font-size: 13px; line-height: 1; color:#666; font-weight: 500; padding-left:10px;}
.tab_menu_mob ul li{margin-top: 10px;}
.tab_menu_mob ul li:first-child{margin-top: 13px;}
.tab_menu_mob ul li:last-child{margin-bottom: 13px;}

.mcu_con_wrap{margin-top: 30px;}
.mcu_con01 .con01 p{margin-top: 16px; font-size: 12px; font-weight: 300; color:#666; line-height: 17px}
.mcu_con01 .con02{margin-top: 30px;}
.mcu_con01 .con02 .tit_area{width: 100%; height: 35px; background:linear-gradient(to right, #039bde, #0a60ab); margin-top: 20px;}
.mcu_con01 .con02 .tit_area span{display: block; text-align: center; line-height:35px; font-size: 13px; font-weight: 500; color:#fff;  }
.mcu_con01 .con02 .img_area{position: relative; width: 100%; min-height: 300px;}
.mcu_con01 .con03{margin-top: 30px;}
.mcu_con01 .con03 .edit_area{position: relative; width: 100%; min-height: 300px; margin-top: 20px;}
.mcu_con01 .con03 .check{display: inline-block; margin-left: 8px;}
.mcu_con01 .con03 .check label{font-size: 12px; 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: 30px; padding-left: 15px; color:#099cd1; border: 1px solid #cfdeec; border-radius: 5px; cursor: pointer; line-height: 28px; font-size: 12px; font-weight: 500;}
.mcu_con02 .con01 ul li em b{font-weight: 300; font-size: 12px; 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: -20px; bottom: 6px;  width:8px; height: 6px; background:url('/images/sub/sub_con_arrow_pc.png') center no-repeat; background-size: 100% 100%;}
.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: 300px;overflow: scroll;}
.mcu_con02 .con01 .search_box{position: relative; width: 100%; border: 1px solid #ddd; height: 30px; margin-top: 10px;}
.mcu_con02 .con01 .search_box input{width: 100%; height: 100%; border:none; padding: 0 40px 0 10px; }
.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: 13px; font-weight: 300; color:#aaa;}
.mcu_con02 .con01 .search_box input::-webkit-input-placeholder{font-size: 13px; font-weight: 300; color:#aaa;}
.mcu_con02 .con01 .search_box input:-ms-input-placeholder{font-size: 13px; font-weight: 300; color:#aaa;}
.mcu_con02 .con02 .search_box{position: relative; width: 100%; border: 1px solid #ddd; height: 30px; margin: 30px auto 0;}
.mcu_con02 .con02 .search_box input{width: 100%; height: 100%; border:none; padding: 0 40px 0 10px; }
.mcu_con02 .con02 .search_box button{position: absolute; right: 10px; 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: 12px; font-weight: 300; color:#aaa;}
.mcu_con02 .con02 .search_box input::-webkit-input-placeholder{font-size: 12px; font-weight: 300; color:#aaa;}
.mcu_con02 .con02 .search_box input:-ms-input-placeholder{font-size: 12px; font-weight: 300; color:#aaa;}

.mcu_con03 .con01 .con_list_wrap{display: flex; flex-wrap:wrap; margin-top: 20px;}
.mcu_con03 .con01 .con_list_wrap .con_list{width: 100%; margin-right: 0; margin-top: 20px;}
.mcu_con03 .con01 .con_list_wrap .con_list:nth-child(3n){margin-right: 0;}
.mcu_con03 .con01 .con_list_wrap .con_list:nth-child(-n + 3){margin-top: 20px;}
.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: 20px;}
.mcu_con03 .con01 .con_list_wrap .con_list:first-child{margin-top: 0;}
.mcu_con03 .con01 .con_list_wrap .con_list li{width: 100%; border: 1px solid #d5e2ef; border-radius: 5px; 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: 7px 15px; font-size: 12px; color:#099cd1; font-weight: 500; line-height: 16px; word-break: keep-all;}
.mcu_con03 .con01 .con_list_wrap .con_list li a span{font-size: 12px; color:#666; font-weight: 300; padding-left: 5px;}
.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 .con02{margin-top: 30px;}
.mcu_con03 .con02 .con_list_wrap{display: flex; flex-wrap:wrap; margin-top: 20px;}
.mcu_con03 .con02 .con_list_wrap .con_list{width: 100%; margin-right: 0; margin-top: 20px;}
.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: 20px;}
.mcu_con03 .con02 .con_list_wrap .con_list:nth-child(2n){margin-right: 0;}
.mcu_con03 .con02 .con_list_wrap .con_list:nth-child(-n + 2){margin-top: 20px;}
.mcu_con03 .con02 .con_list_wrap .con_list:first-child{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: 2px 15px; font-size: 12px; color:#099cd1; font-weight: 500; line-height: 16px; word-break: keep-all;}
.mcu_con03 .con02 .con_list_wrap .con_list li a span{font-size: 12px; color:#666; font-weight: 300; padding-left: 5px;}
.mcu_con03 .con02 .con_list_wrap .con_list li.first{ margin-bottom:5px; border:none;}
.mcu_con03 .con02 .con_list_wrap .con_list li.first a{color:#222; font-weight: 700; font-size: 13px;}


.selector_wrap .con01 .txt{position: relative; padding: 30px 10px 20px; background-color:#fafafa; margin-top: 30px;}
.selector_wrap .con01 .txt em{position: absolute; display: block; width: 100%;  max-width: 300px; height: 35px; left: 10px; top: -15px; background-color:#81cae5; text-align: center; line-height: 35px; font-size: 18px;color:#fff; font-weight: 700;}
.selector_wrap .con01 .txt p{font-size: 13px; color:#222; line-height: 20px;}
.selector_wrap .con02{margin-top:30px;}
.selector_wrap .con02 em{display: block; font-size: 16px; color:#0491c5; font-weight: 700;}
.selector_wrap .con02 p{font-size: 13px; color:#666;margin-top: 5px;}
.selector_wrap .con02 td p{overflow: auto;height: 100px;}
.selector_wrap .con02 .list_wrap{margin-top: 30px; display: block;}
.selector_wrap .con02 .list_wrap ul{width: 100%; margin-right:0; margin-bottom: 10px;}
.selector_wrap .con02 .list_wrap ul li{width: 100%; height: 30px; background-color:#fbfbfb; border-radius: 5px; margin-top: 10px; box-shadow: rgba(0,0,0,0.1) 5px 0 7px; line-height: 30px; padding-left: 10px; font-size: 13px; color:#084897; font-weight: 700;}
.selector_wrap .con02 .list_wrap ul li:first-child{margin-top: 0;}
.selector_wrap .con01 .board_title {position: relative;padding: 35px 30px 30px;}
.selector_wrap .con01 .board_title p{font-size: 10px;}
.selector_wrap .con03 .txt_range{ position: relative;padding: 15px 30px 15px;background-color: #fafafa; font-size: 10px; width: 100%}
.selector_wrap .con03 .img_area{width: 100%; height: 100%; margin-top: 20px;}
.tool_con01 .con01 .img_area img{width: 100%;}

.related_product {width: 100%;min-height: 300px;overflow: auto;}
.related_product th, td{font-size: 10px;}

._3rd_party_partner {margin-top: 16px;float: left;width: 85px;height: 45px;border: 1px solid #ddd;padding: 0px;margin-left: 10px;margin-bottom: 10px;box-shadow: 1px 1px 4px #ddd;}
._3rd_party_partner .img{float:left; width:80px; 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; */

.mcu_con01 .con03{margin-top: 30px;}
.mcu_con01 .con03 .edit_area{position: relative; width: 100%; min-height: 300px; margin-top: 20px;}
.mcu_con01 .con03 .check{display: inline-block; margin-left: 8px;}
.mcu_con01 .con03 .check label{font-size: 12px; font-weight: 500; color:#029bde; padding-right: 9px;}

.legacy_con_wrap{margin-top: 30px;}
.legacy_con01 .con01 p{margin-top: 16px; font-size: 12px; font-weight: 300; color:#666; line-height: 17px;}
.legacy_con01 .con02{margin-top: 30px;}
.legacy_con01 .con02 .edit_area{position: relative; width: 100%; min-height: 300px; margin-top: 20px;}
.legacy_con01 .con02 .check{display: inline-block; margin-left: 8px;}
.legacy_con01 .con02 .check label{font-size: 12px; font-weight: 500; color:#029bde; padding-right: 9px;}
.legacy_con01 .con02_top{position: relative; }
.legacy_con01 .con02 .category{position: static; right: 0; bottom: 0; font-size: 0; margin-top: 10px;}
.legacy_con01 .con02 .category span{display:inline-block; width: 100px; height: 25px; vertical-align: bottom; background-color:#00b0f0; border: 1px solid #00b0f0; text-align: center; line-height: 23px; color:#fff; font-size: 13px; font-weight: 700; margin-right: 5px;}
.legacy_con01 .con02 .category select{width: 140px; height: 25px;border: 1px solid #ddd; vertical-align: bottom; padding-left: 10px; font-size: 13px; line-height: 23px; 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: 30px;}
.sub06_wrap .con02 > ul{display: flex; font-size: 0;flex-wrap:wrap;}
.sub06_wrap .con02 > ul > li{width: 100%; margin-right: 0; padding: 20px; border-radius: 30px; background-color:#fcfcfc; box-shadow:rgba(0,0,0,0.1) 5px 3px 5px; margin-top: 20px;}
.sub06_wrap .con02 > ul > li:nth-child(-n + 3){margin-top: 20px;}
.sub06_wrap .con02 > ul > li:nth-child(3n){margin-right: 0;}
.sub06_wrap .con02 > ul > li:nth-child(-n + 2){margin-top: 20px;}
.sub06_wrap .con02 > ul > li:nth-child(2n){margin-right: 0;}
.sub06_wrap .con02 > ul > li:first-child{margin-top: 0;}
.sub06_wrap .con02 > ul > li .list_top{padding: 12px 0; border-bottom: 1px solid #b2cded;}
.sub06_wrap .con02 > ul > li .list_top .icon_area{position: relative; width: 45px; height: 40px; 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: 16px; color:#084897; font-weight: 700; margin-top: 10px; 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{ font-size: 12px; line-height: 1; color:#666; font-weight: 300; word-break: break-all;}

.sub07_wrap .con01{margin-top: 30px;}
.sub07_wrap .con01 .con01_top{display: block; }
.sub07_wrap .con01 .img_area_wrap{width: 100%}
.sub07_wrap .con01 .img_area_wrap .img_area{width: 100%; /*padding-bottom:66.66%;background-color:#ddd; */}
.sub07_wrap .con01 .txt_area{width: 100%; padding: 0px;  margin-top: 20px;}
.sub07_wrap .con01 .txt_area p{font-size: 12px; font-weight: 300; color:#666; line-height: 20px; }
.sub07_wrap .con01 .edit_area{width: 100%; border: 1px solid #ddd; width: 100%; min-height: 255px; margin-top: 30px; }
.sub07_wrap .con01 span.recommend{display: block; text-align: center; line-height: 1; font-size: 14px; font-weight: 700; color:#00b0f0; margin-top: 10px;}
.sub07_wrap .con02{margin-top: 30px;}
.sub07_wrap .con02 .edit_area{width: 100%; border: 1px solid #ddd; width: 100%; min-height: 255px; margin-top: 20px; }
.sub07_wrap .con03{margin-top: 30px;}
.sub07_wrap .con03 .edit_area{width: 100%; width: 100%; min-height: 255px; margin-top: 20px; }


/* sub0401_7 */

#sub0401_7_wrap{min-width: 320px; margin-bottom:30px;}
#sub0401_7_wrap .sub0107_top{margin-bottom: 29px;}
#sub0401_7_wrap .sub0107_top .tit{font-size: 20px !important; font-weight: 700; line-height: 1; color:#222222; text-align: center; margin-bottom: 27px;}
#sub0401_7_wrap .sub0107_top .con{font-size: 14px; font-weight: 700; line-height: 20px; color:#084897;}

#sub0401_7_wrap .icon_wrap{text-align: center; margin-bottom: 30px;  font-size: 0;}
#sub0401_7_wrap .icon_wrap img{margin: 0 -15px; width: 130px; height: 130px;}

#sub0401_7_wrap .txt_wrap h4.sub_tit{position: relative; padding-left:23px; font-size: 14px; line-height: 1; font-weight: 700; color:#084897; margin-bottom: 14px; margin-top: 28px;}
#sub0401_7_wrap .txt_wrap h4.sub_tit:before{content:''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 11px; height: 11px; background:url('/images/sub/sub_tit_deco_pc.png')center no-repeat; background-size:11px;}
#sub0401_7_wrap .txt_wrap p{font-size: 12px; font-weight: 300; line-height: 17px; color:#666666;}

/*sub0402_1*/
.process_dot {margin-top:5px;}
.process_dot li{padding-left:10px; color:#333; font-weight:500;}
.process_dot li:before{top:9px;}


/*sub0402_4*/
.sub0402_2_wrap h3{font-size:22px;}
.sub0402_2_wrap .edit_area{margin:20px 0 30px;}

.sub0402_2_wrap table{margin-bottom:40px;}
/*.sub0402_2_wrap table.pc_tbl{display:none;}*/
.sub0402_2_wrap table.mob_tbl{display:table; width:100%; }
.sub0402_2_wrap table tbody{width:100%; }
.sub0402_2_wrap table tr th a{padding:10px 0; font-size:16px;}
.sub0402_2_wrap table tr td a{padding:10px 0; font-size:10px;}

/*sub0403_1*/
.sub0403_1_wrap .layer_position{height: 60%; }
.sub0403_1_wrap .layer_close{right: -15px; top: -15px;}
.sub0403_1_wrap .layer_close img{width:30px; height:30px;}

.sub0403_1_wrap .slick-slider{position:relative; margin-bottom:30px;}
.sub0403_1_wrap .edit_area{padding-bottom: 53.3%; margin-bottom:30px;}
.sub0403_1_wrap .edit_area p.pc_txt{display:none;}
.sub0403_1_wrap .edit_area p.tab_txt{display:none;}
.sub0403_1_wrap .edit_area p.mob_txt{display:block; padding-top:20%;}

.sub0403_1_wrap .slick-dots li button{width:7px; height:7px; border-radius:5px;}
.sub0403_1_wrap .sub03_ui li{width:100%; padding:10px; margin-right:0; margin-bottom:10px; }
.sub0403_1_wrap .sub03_ui li span{width:15%; height:auto; vertical-align:middle;}
.sub0403_1_wrap .sub03_ui li span img{width:100%;}
.sub0403_1_wrap .sub03_ui li div.txt_box { margin-left:3%; vertical-align:middle;}
.sub0403_1_wrap .sub03_ui li div.txt_box strong{font-size:14px; }
.sub0403_1_wrap .sub03_ui li div.txt_box p{font-size:12px;}

/*sub0403_2*/
.sub0403_2_wrap .layer_position{height: 60%; }
.sub0403_2_wrap .layer_close{right: -15px; top: -15px;}
.sub0403_2_wrap .layer_close img{width:30px; height:30px;}

.sub0403_2_wrap .slick-slider{position:relative; margin-bottom:30px;}
.sub0403_2_wrap .edit_area{padding-bottom: 53.3%;}
.sub0403_2_wrap .edit_area p.pc_txt{display:none;}
.sub0403_2_wrap .edit_area p.tab_txt{display:none;}
.sub0403_2_wrap .edit_area p.mob_txt{display:block; padding-top:20%;}

.sub0403_2_wrap .slick-dots li button{width:7px; height:7px; border-radius:5px;}

.sub0403_2_wrap .member_list li{width:39%; margin-right:9%;}
.sub0403_2_wrap .member_list li:nth-child(3n){margin-right:8%; }
.sub0403_2_wrap .member_list li:nth-child(2n){margin-right:0; }

.sub0403_2_wrap .member_list li .txt_area{padding:10px 0 15px;}
.sub0403_2_wrap .member_list li .txt_area span{font-size:12px;}
.sub0403_2_wrap .member_list li .txt_area p{font-size:15px;}

.main_popup_wrap .layer_position{position: absolute; left: 0; top: 0; bottom:0; right: 0; margin: auto;  width: 100%; height: 85%; }
.main_popup_wrap .layer_con img{width: 100%; cursor: pointer;}

/*sub0403_3*/
.sub0403_3_wrap h5 {font-size: 20px; margin-bottom: 25px;}
.sub0403_3_wrap .edit_area p.pc_txt{display:none;}
.sub0403_3_wrap .edit_area p.tab_txt{display:none;}
.sub0403_3_wrap .edit_area p.mob_txt{display:block; padding-top:30%;}

.sub0403_3_wrap .slider-for > div{height:auto; padding-bottom: 5%;} 
.sub0403_3_wrap .slider-for .img_area{ width: 100%; margin-bottom:20px;}

.sub0403_3_wrap .slider-for .txt_area{width:100%; padding-left:0; }
.sub0403_3_wrap .slider-for .txt_area strong{font-size:16px; padding:0 0 10px 10px;}
.sub0403_3_wrap .slider-for .txt_area p{font-size:13px; padding:10px 10px;}

/* sub0404 */
.sub_test01_wrap .con01 h5{display: block; text-align: center; line-height: 1; font-size: 20px; font-weight: 700; color:#222; margin-bottom: 25px;}
.sub_test01_wrap .con01 p{font-size: 12px; font-weight: 500; color:#222; line-height: 25px; text-align: center;}
.sub_test01_wrap .con01 ul{position: relative; width: 175px; height: 465px; display: flex; margin: 25px auto 25px;}
.sub_test01_wrap .con01 ul li{position: absolute; display: flex; width:175px; height: 175px; border-radius: 50%;}
.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; bottom: 0; margin: auto; background-color:rgba(8,72,151,0.7); z-index:10;}
.sub_test01_wrap .con01 ul li:nth-child(3){right: 0; top: auto; bottom: 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: 15px; color:#fff; line-height: 30px; text-align: center;}
.sub_test01_wrap .con01 ul li span i{display: block}
.sub_test01_wrap .con02{display:block; width: 100%; margin-top: 17px; justify-content: space-between;}
.sub_test01_wrap .con02 .con02_li{width: 100%;  border-radius: 10px; border: 1px solid #ddd; }
.sub_test01_wrap .con02 .con02_li:first-child{margin-bottom: 20px;}
.sub_test01_wrap .con02 .con02_li .img_area{position: relative; width: 100%; padding-bottom: 68.31%; 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: 14px; color:#fff; font-weight:700; bottom: 15px; left: 0; }
.sub_test01_wrap .con02 .con02_li .txt_area{ width: 100%; padding: 20px 10px; border:none; border-top: none;}
.sub_test01_wrap .con02 .con02_li .txt_area ul li{position: relative; padding-left: 13px; font-size: 13px; 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: 35px;}
.sub_test01_wrap .con03 h5{display: block; line-height: 1; font-size: 20px; font-weight: 700; color:#222;}
.sub_test01_wrap .con03 ul{display: flex; flex-wrap:wrap; margin-top: 20px;}
.sub_test01_wrap .con03 ul li{width: 100%; margin-right:0; border-radius: 10px;  margin-top: 20px; border:1px solid #ddd; padding: 30px 20px 10px 20px; box-shadow: rgba(0,0,0,0.15) 5px 0 7px;}

.sub_test01_wrap .con03 ul li:nth-child(2n){margin-right: 0;}
.sub_test01_wrap .con03 ul li:nth-child(-n + 2){margin-top: 20px;}
.sub_test01_wrap .con03 ul li:first-child{margin-top: 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: 13px; 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:55px;}
.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: 43px;}
.sub_test01_wrap .con03 ul li p.pleft02 span{position: absolute; left: 0; top: 0; padding-left: 15px;}

/* sub04_2 */
#sub0404_2_wrap{}
#sub0404_2_wrap .triang_wrap{position: relative; margin-bottom: 40px;}
#sub0404_2_wrap .triang_wrap .triang_info{position: static; width: 45%; transform: translate(0,0);}
#sub0404_2_wrap .triang_wrap .triang_info strong{position: relative; display: inline-block; font-size: 13px; 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: 13px; font-weight: 400; line-height: 27px; color:#222222; word-break: keep-all;}
#sub0404_2_wrap .triang_wrap .triang_info01{top: 0; left: 0; margin-left: 0; text-align: center; margin: 0 auto; width: 100%;}
#sub0404_2_wrap .triang_wrap .triang_info02{position: relative; bottom: 0; left: 0; margin-left: 0; text-align: right; float: left; margin-right: 5%;}
#sub0404_2_wrap .triang_wrap .triang_info02:after{content: ''; position: absolute; top: 0; right: -6%; width: 1px; height: 100%; background: #dddddd;}
#sub0404_2_wrap .triang_wrap .triang_info03{bottom: 0; left: 0; margin-left: 0; float: left; margin-left: 0;}

#sub0404_2_wrap .triang_wrap .img_wrap{text-align: center; margin-bottom: 20px;}
#sub0404_2_wrap .triang_wrap .img_wrap img{width: 100%;}

#sub0404_2_wrap .education_wrap{}
#sub0404_2_wrap .education_wrap .education_list{display: block;}
#sub0404_2_wrap .education_wrap .education_list > li{float: left; width: 48%; border: 1px solid #e4e4e4; border-top: 0 none; margin-right: 3.75%; margin-bottom: 21px; display: inline-block;}
#sub0404_2_wrap .education_wrap .education_list > li:last-child{margin-right: 0;}
#sub0404_2_wrap .education_wrap .education_list > li:nth-child(3){margin-right: 3.75%;}
#sub0404_2_wrap .education_wrap .education_list > li:nth-child(2n){margin-right: 0;}
#sub0404_2_wrap .education_wrap .education_list > li p{font-size: 14px; font-weight: 700; line-height: 50px; 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; font-size: 13px;}
#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: 46.47%; height: 100%; margin-right: 7.03%;position: relative;  background-image: linear-gradient(transparent 74% , #878787); margin-bottom: 20px;}
#sub0404_3_wrap .img_list li:last-child{margin-right: 0;}
#sub0404_3_wrap .img_list li:nth-child(2n){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: 5px; width: 100%; text-align: center; font-size: 14px; font-weight: 700; line-height: 26px; color:#fff;}


#sub0404_3_wrap .txt_list{}
#sub0404_3_wrap .txt_list li{margin-bottom: 38px; text-align: center;}
#sub0404_3_wrap .txt_list li img{float: none; margin-right: 0; margin-bottom: 21px;}
#sub0404_3_wrap .txt_list li .txt_wrap{float: none;width: 100%;}
#sub0404_3_wrap .txt_list li .txt_wrap strong{display: block; position: relative; font-size: 14px; 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: -15px; left: 50%; transform: translate(-50%,0); width: 50px; height: 1px; background: #00b0f0;}
#sub0404_3_wrap .txt_list li .txt_wrap strong.on:after{content: ''; position: absolute; bottom: -15px; left: 50%; transform: translate(-50%,0);  width: 50px; height: 1px; background: #2363b1;}
#sub0404_3_wrap .txt_list li .txt_wrap p{font-size: 13px; font-weight: 400; line-height: 25px; color:#222222;}











/* sub0602 Recruitment */
.h5tit01 {font-size:13px; color:#0d4189; margin-bottom:10px; margin-top:20px; padding-left:20px; background:url(/images/sub/h5_bullet_mob.jpg) no-repeat left 5px;}
.ptxt03 {font-size:13px; color:#555; line-height:22px; padding-left:20px;}

.benefits_ul {width:100%; margin-top:20px;}
.benefits_ul li {float:left; width:31%; margin-right:3%; margin-top:10px; min-height:180px}
.benefits_ul li .imgarea1 {width:100%;}
.benefits_ul li .imgarea1 img {width:100%;}
.benefits_ul li:nth-child(-n+5) {margin-top:3%;}
.benefits_ul li:nth-child(5n) {margin-right:10px;}
.benefits_ul li:nth-child(-n+3) {margin-top:0;}
.benefits_ul li:nth-child(3n) {margin-right:0;}
.benefits_ul li .txtarea1 {font-size:13px; line-height:22px; margin-top:15px;}

.recruitment_tb01 {margin-top:30px;}
.recruitment_tb01 th {font-size:12px;  padding:2%; word-break:break-all;}
.recruitment_tb01 td {font-size:12px;  padding:2%; word-break:break-all;}

/*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:20px 20px 0 20px; background-size:15px;}
.faq_con .ftit h4 {font-size:12px; width:75%; height:auto; line-height:20px; font-weight:500; color:#333; background:url(/images/sub/f_icon.png)no-repeat;background-size:30px; padding:3px 0 20px 40px;}
.faq_con .atxt {display:none; padding:5px; margin-top:5px; 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:40px; background-size:30px !important; height:auto; min-height:30px;}*/
.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; background-size:15px;}
.faq_con .ftit.on h4 {color:#93a5c3;}
.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: 30px;padding: 5px 0 5px 35px;margin-left: 40px; font-size: smaller; background-size: 30px;}


/* product documentation Technical Literature*/
.tab_sort{position:relative;margin:0 0 20px 0;padding:0 0 0 1px;overflow:hidden;width:100%}
.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;width:50%;}
.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:12px;width:100%;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;width:100%;}
.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;width:100%;}
.tab_sort li a:hover, .tab_sort li a:focus{color:#111;background-color:#fff;}
}

@media screen and (min-width:320px) and (max-width:400px) {
.tab_gnb ul li a{display: block; width: 100%; height: 100%; text-align: center; line-height: 30px; color:#fff; font-size: 11px; font-weight: 500;;}
}
@media screen and (min-width:320px) and (max-width:360px) {
.tab_gnb ul li a{display: block; width: 100%; height: 100%; text-align: center; line-height: 30px; color:#fff; font-size: 10px; font-weight: 500;;}
}