/* 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: 'Noto Sans KR'; color:#555;} 
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#aaa; 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; font-size: ; line-height: ; 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;}

/* 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;}


/*멤버스킨*/
.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;}

/*=== main ===*/
#wrap {position:relative; width:100%; max-width: 1920px; margin:0 auto; overflow: hidden;}
.inner{width: 1200px; margin: 0 auto; max-width: 100%; }
#header{width: 100%; height: 99px; background-color:#00b0f0;}
.h_inner {position: relative; height: 99px;  width:1820px; margin:0 auto; max-width: 100%;}

#header h1{position: absolute; left: 0; bottom: 24px; width: 154px; height: 46px; }
#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;}
#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('/new_images/main/search_icon_pc.png')center no-repeat #222; vertical-align: top;}

.h_top{position: absolute; right:  0; 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:#fff; font-size: 14px; line-height: 1; }
.h_top ul li:last-child a{padding-left: 23px; background:url('/new_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: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(/new_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(/new_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: 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('/new_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: 650px;}
.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%;}
.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('/new_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('/new_images/main/main_visual_arrow_on_pc.png')center no-repeat;}
.visual_txt .txt_box{position: absolute; width: 540px; height: 370px;  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: 17px; line-height: 25px; color:#fff; font-weight: 300; margin-top: 30px;}
.visual_txt .txt_box a{position: absolute; display: block; left: 40px; bottom: 40px; width: 200px; 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(/new_images/main/visual_txt_arrow_pc.png)center right 45px no-repeat;}

.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{padding-top: 70px;}
#section01 .sec01_con em{display: block; font-size: 20px; line-height: 1; color:#2363b1; font-weight: 700;}
#section01 .sec01_con p{font-size: 16px; color:#222; line-height: 25px; padding-right: 25%; margin-top: 20px;}
#section01 .sec01_con a{display: block; width: 300px; height: 50px; line-height: 50px; text-align: center;margin-top: 25px; color:#fff; font-size: 16px; font-weight: 500;background-color:#00b0f0;}

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:#01377a; font-size: 35px; }
#section02{padding-top: 100px;}
#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: 17px; 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: 17px; 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: 2; -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('/new_images/main/main_sec01_next.png')center no-repeat;background-size: 100% 100%;}
#section02 .sec02_rolling_wrap .swiper-button-prev{ left: 0; background:url('/new_images/main/main_sec01_prev.png')center no-repeat;background-size: 100% 100%;}

#section03{padding: 160px 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;}
#footer{padding: 50px 0 80px; background-color:#666666;}
#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;}




/*=== sub ===*/
.location{display: flex; width: 100%; height: 45px; padding-left: 30px; visibility:hidden; opacity: 0; transition:0.5s;}
.location.on{visibility:visible; opacity: 1; }
.location .sub_menu_btn{width: 19px; height: 15px; background:url('/new_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('/new_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; }
.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('/new_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: 700px; width: 100%; padding-left: 0; transition: 0.5s;}
#sub_contents.on{padding-left: 360px;}

.sub_menu{position: absolute; width: 360px; height: 100%; left: -360px; top: 0; background-color:#FFF; 45px; 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('/new_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('/new_images/sub/sub_menu_arrow_pc.png')center right 30px no-repeat;}
.lnb h3.on{background:url('/new_images/sub/sub_menu_arrow_on_pc.png')center right 30px no-repeat;}
.lnb h3.active{background:url('/new_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{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;}

.conbody{padding-top: 30px;}

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;}
h4.sub_tit:before{content:''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 15px; height: 15px; background:url('/new_images/sub/sub_tit_deco_pc.png')center no-repeat;}
.tab_menu_mob{display:none;}
.tab_menu_pc{width: 100%; height: 60px; background-color:#fafafa; 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;}
.mcu_con01 .con03{margin-top: 70px;}
.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('/new_images/sub/sub_con_arrow_pc.png') center no-repeat;}
.mcu_con02 .con01 ul li em span.on:after{background:url('/new_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;}
.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('/new_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('/new_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_con03 .con_list_wrap{display: flex; flex-wrap:wrap; margin-top: 20px;}
.mcu_con03 .con_list_wrap .con_list{width: 29.16%; margin-right: 6.26%; margin-top: 40px;}
.mcu_con03 .con_list_wrap .con_list:nth-child(3n){margin-right: 0;}
.mcu_con03 .con_list_wrap .con_list:nth-child(-n + 3){margin-top: 0;}
.mcu_con03 .con_list_wrap .con_list li{width: 100%; border: 1px solid #d5e2ef; border-radius: 10px; margin-bottom: 5px;}
.mcu_con03 .con_list_wrap .con_list li:last-child{margin-bottom: 0;}
.mcu_con03 .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 .con_list_wrap .con_list li a span{font-size: 15px; color:#666; font-weight: 300; padding-left: 10px;}
.mcu_con03 .con_list_wrap .con_list li.first{background-color:#2363b1; margin-bottom:10px; border:none;}
.mcu_con03 .con_list_wrap .con_list li.first a{color:#fff; font-weight: 700;}