/* Common **********************************************************************/
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); <-- 기존에 있던 것 */
/*  Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess   */


@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 
/* 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; word-break:keep-all;} 
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#7d7d7d; 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{width:600px; position:relative; margin:0 auto; text-align:center;overflow:hidden;}
.login_id{width:240px; float:left;height:30px; font-size:14px; font-weight:bold; color:#444;}
.login_pw{width:240px; float:left; height:30px; font-size:14px; font-weight:bold; color:#444;}
.login_btn{width:70px; float:left; height:30px; font-size:14px; font-weight:bold; color:#fff; background-color:#333; border:none; }
.num_txt{width:100px; float:left;height:20px; font-size:13px; font-weight:bold; color:#444;}
.font_color{color:#1a386a; font-weight:bold;}

/*회원가입 스킨*/
.inWrap {width:98%;  border:1px solid #353638; 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:#333; 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:#666;}
.agreement input{vertical-align:middle; border:none;}
.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 #333; background:#333; cursor:pointer; }
.btnWrap input{color:#fff;}

.center{text-align:center;}

/* --------------------- main ------------------ */
#wrap {position: relative; width:100%; max-width:1920px; min-width: 1200px; margin:0 auto; overflow: hidden; }
.inner {width:1200px; margin:0 auto; max-width: 100%;}

#header{height: 100px;}
#header .inner{position: relative; height:100%; z-index: 1000;}
#header h1{position: absolute; left: 0; top: 0; bottom:0; margin: auto 0; width: 245px; height:40px; }
#header h1 a{display: block; width:100%; height: 100%;}
#header h1 img{width:100%; height: 100%;}

#header .login{position:absolute;top:14px;right:270px;}
#header .login span{font-size: 13px;}
#header .login span a{color: #777;}
#header .login span:first-child{margin-right: 10px; position: relative;}
#header .login span:first-child:after{width: 2px; height: 2px; background: #999; border-radius:50% ; position: absolute; content: ''; right: -10px; top: 9px;}

.language{position: absolute; right: 130px; top: 18px; font-size:0;}
.language span{position: relative; display: inline-block; margin-right: 16px; line-height:15px;}
.language span:before{content:''; position: absolute; right:-8.5px; width:1px; height: 10px; background-color: #ababab; top:0; bottom:0; margin: auto 0;}
.language span a{position: relative; display: block; line-height: 15px; padding-left: 27px; font-size: 13px; color:#888; }
.language span a img{position: absolute; left: 0; top:0;}
.language span:last-child{margin-right: 0;}
.language span:last-child:before{display: none;}

.site_btn{position: absolute; right: 0; top: 12px; font-size: 13px; border: 1px solid #40a07b; padding: 2px 8px; border-radius:15px ;}
.site_btn a{display: block; color: #40a07b;}

.gnb{position: absolute; right:0; bottom:0;}
.gnb > li{position: relative; float: left; margin-right: 58px;}
.gnb > li:last-child{margin-right: 0;}
.gnb > li > a{display: block; line-height: 1; font-size: 17px; color:#222; font-weight: 500; padding-bottom: 32px; padding-top: 10px;}
.gnb > li > ul{position: absolute; display: none;left: 50%; top:100%; transform: translateX(-50%); background-color: rgba(0,0,0,0.7); width: 220px; text-align: center;}
.gnb > li > ul > li{position: relative;}
.gnb > li > ul > li > a{display: block; font-size: 15px; color:#fff; line-height: 37px; }
.gnb > li > ul > li:first-child{padding-top: 10px;}
.gnb > li > ul > li:last-child{padding-bottom: 10px;}
.gnb > li > ul > li > ul{display: none !important; position: absolute; top: 0; right: -220px; width: 220px; background: rgba(136,136,136,0.8); text-align: center; padding: 22px 0;}
.gnb > li > ul > li:hover > ul{display: block !important; position: absolute; top: 0; right: -220px; width: 220px; background: rgba(136,136,136,0.8); text-align: center; padding: 22px 0;}
.gnb > li > ul > li > ul > li{margin-bottom:20px;}
.gnb > li > ul > li > ul > li:last-child{margin-bottom: 0;}
.gnb > li > ul > li > ul > li > a{display: block; font-size: 15px; font-weight: 400; line-height: 1; color:#fff;}

#visual_wrap{position: relative; }
.visual_txt{ position: absolute; width:100%; top:48%; transform: translateY(-50%); text-align: right;}
.visual_txt em{position: relative; display: block; font-size: 45px; font-weight: 700; color:#fff; line-height:1; padding-bottom: 23px;}
.visual_txt em:before{content:''; position: absolute; right: 0; bottom:0; width: 40px; height:1px; background-color: #fff; }
.visual_txt p{font-size: 26px; line-height: 42px; margin-top: 10px; color:#fff;}


h2.main_tit{line-height: 1; text-align: center; font-size:40px; font-weight: 700; color:#222;}
#section01{padding: 58px 0 60px;}

.sec01_slider{position: relative; margin-top: 40px;}
.sec01_slider .slick-list{width: calc(100% + 20px);}
.sec01_slider li{margin-right: 20px;}
.sec01_slider li a{display: block; width:100%;border: 1px solid #e2e2e2}
.sec01_slider li .img_wrap{position: relative; width:100%; padding-bottom: 100%;}
.sec01_slider li .img_wrap img{position: absolute; left: 0; top: 0; right:0; bottom:0; margin: auto; width: auto; height: auto; max-width: 100%; max-height:100%;}
.sec01_slider li .txt_wrap{padding: 0 19px;}
.sec01_slider li .txt_wrap .txt{border-top: 1px solid #e2e2e2; padding: 15px 0;}
.sec01_slider li .txt_wrap .txt span{display: block; line-height: 19px; font-size: 15px; color:#41a07b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sec01_slider li .txt_wrap .txt em{display: block; line-height: 25px; font-size: 20px; color:#222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sec01_slider .prev{position: absolute; display: block;  left: -100px; top: 0; bottom: 0; margin: auto 0;  width: 60px; height: 60px; background: url(/images/main/sec01_prev.jpg)center no-repeat; }
.sec01_slider .next{position: absolute; display: block;  right: -100px; top: 0; bottom: 0; margin: auto 0;  width: 60px; height: 60px; background: url(/images/main/sec01_next.jpg)center no-repeat; }

#section02{height: 100px; background: url(/images/main/main_bg01.jpg)center no-repeat;}
#section02 .inner{display: flex; align-items: center;  height:100%; font-size:0;}
#section02 em{display: block ;line-height: 1; font-size: 24px; color:#fff; font-weight: 700; margin-right: 25px;}
#section02 p{position: relative; font-size: 15px; color:#fff; line-height:1; padding-left: 50px;}
#section02 p:before{content:''; position: absolute; left: 0; top: 0; bottom: 0; width:30px; height:1px; background-color: #fff; margin: auto 0; }

#section03{padding: 62px 0 60px; background-color: #f7f7f7;}
.sec03_wrap{display: flex; justify-content: space-between; margin-top: 39px;}
.sec03_wrap .left{width: 590px;}
.sec03_wrap .left .con01{position: relative; width:100%; height: 240px; padding: 40px; background: url(/images/main/main_bg02.jpg)center no-repeat;}
.sec03_wrap .left .con01 em{display: block; line-height: 1; font-size: 30px; font-weight: 700; color:#fff;  }
.sec03_wrap .left .con01 p{margin-top: 15px; font-size: 15px; color:#fff;}
.sec03_wrap .left .con01 a{position: absolute; display: block; left: 40px; bottom: 40px; width: 145px; height: 41px; border: 1px solid rgba(255,255,255,0.7); text-align: center;}
.sec03_wrap .left .con01 a span{display: inline-block; line-height: 39px; font-size: 15px; color:#fff; padding-right: 28px; background: url(/images/main/main_icon01.png) center right no-repeat;}
.sec03_wrap .left .con01 a:hover{background-color: #fff; border: 1px solid #fff;}
.sec03_wrap .left .con01 a:hover span{color:#41a07b; background: url(/images/main/main_icon01_on.png) center right no-repeat;}
.sec03_wrap .left .con02{position: relative; width:100%; height: 240px; padding: 40px; background: url(/images/main/main_bg03.jpg)center no-repeat; margin-top: 20px;}
.sec03_wrap .left .con02 em{display: block; line-height: 1; font-size: 30px; font-weight: 700; color:#fff;  }
.sec03_wrap .left .con02 p{margin-top: 15px; font-size: 15px; color:#fff;}
.sec03_wrap .left .con02 a{position: absolute; display: block; left: 40px; bottom: 40px; width: 145px; height: 41px; border: 1px solid rgba(255,255,255,0.7); text-align: center;}
.sec03_wrap .left .con02 a span{display: inline-block; line-height: 39px; font-size: 15px; color:#fff; padding-right: 35px; background: url(/images/main/main_icon02.png) center right no-repeat;}
.sec03_wrap .left .con02 a:hover{background-color: #fff; border: 1px solid #fff;}
.sec03_wrap .left .con02 a:hover span{color:#41a07b; background: url(/images/main/main_icon02_on.png) center right no-repeat;}
.sec03_wrap .right{width: 590px;}
.sec03_wrap .right .con03{position: relative; width:100%; height: 500px; padding: 40px; background: url(/images/main/main_bg04.jpg)center no-repeat;}
.sec03_wrap .right .con03 em{display: block; line-height: 1; font-size: 30px; font-weight: 700; color:#222;  }
.sec03_wrap .right .con03 p{margin-top: 15px; font-size: 15px; color:#222;}
.sec03_wrap .right .con03 a{position: absolute; display: block; left: 40px; bottom: 260px; width: 145px; height: 41px; border: 1px solid #41a07b; text-align: center;}
.sec03_wrap .right .con03 a span{display: inline-block; line-height: 39px; font-size: 15px; color:#41a07b; padding-right: 35px; background: url(/images/main/main_icon02_on.png) center right no-repeat;}
.sec03_wrap .right .con03 a:hover{background-color: #41a07b; border: 1px solid #41a07b;}
.sec03_wrap .right .con03 a:hover span{color:#fff; background: url(/images/main/main_icon02.png) center right no-repeat;}


#footer{padding: 30px 0 45px;background-color: #222222;}
#footer .inner{position: relative; }
#footer a.foot_logo{position: absolute; display: block; right: 0; top:10px; width: 220px; height: 43px;}
#footer a.foot_logo img{width:100%; height:100%;}
#footer address{font-size: 14px; line-height:28px; color:#ddd;}
#footer p{font-size: 13px; color:#ddd; line-height: 1; margin-top: 15px;}
#footer .site_btn{position: absolute; display: block; right: 0; top:00px; border: 1px solid #999; border-radius:0 ; padding: 5px 12px; background: #303030;}
#footer .site_btn a{color: #e9e9e9;}



/* --------------------sub---------------------- */
#sub_visual_wrap{position: relative; }
.sub_visual_txt{position: absolute; width: 100%; top: 50%; transform: translateY(-50%);}
.sub_visual_txt h3{ line-height: 1; font-size: 50px; font-weight: 700; color:#fff; }
.sub_visual_txt h3 span{position: relative; z-index: 10;}
.sub_visual_txt h3 span:before{content:''; position: absolute; width:100px; height:90px; top: -45px; left: -60px; background: url(/images/sub/sub_visual_txt_deco.png)center no-repeat;}
.sub_visual_txt em{display: block; line-height: 1; font-size: 35px; color:#fff; font-weight: 500; margin-top: 28px;}
.sub_menu {width:100%; height:71px; border-bottom: 1px solid #ddd;}
.sub_menu a.home{display: block; width: 83px; height: 100%; border-right: 3px solid #ed954a; background:url(/images/sub/sub_loc_home.png)center no-repeat #41a07b;}
.sub_menu .inner{position: relative; display: flex;  font-size: 0; height:100%;}
.sub_menu .inner:before{content:''; position: absolute; width:100%; height:100%; background-color: #41a07b; right: 100%;}
.menu {display: flex; width:100%; height:100%; font-size: 0;}
.menu > li {position:relative; width:313px; height:100%; border:1px solid #ddd;background:url("/images/sub/sub_tabmenu_arrow.png") center right 20px no-repeat; border-top: none; border-bottom: none;}
.menu > li.on {background:url("/images/sub/sub_tabmenu_arrow_on.png") center right 20px no-repeat; background-color:#fff;}
.menu > li:last-child.on {background:url("/images/sub/sub_tabmenu_arrow_on.png") center right 20px no-repeat;background-color:#fff;}
.menu > li:last-child {border-left:0;}
.menu > li > a {display: block; width:100%;  height: 100%; padding-left: 20px;}
.menu > li > a span{display: block; font-size: 18px; color:#222;  line-height:70px;}
.menu > li ul {display:none; position:absolute; width:100%; top:100%; left:-1px; box-sizing:content-box; border:1px solid #ddd; z-index:120; background-color:#fff;}
.menu > li ul li:first-child{padding-top: 10px;}
.menu > li ul li:last-child{padding-bottom: 10px;}
.menu > li ul li a {display:block; width:100%; font-size:17px; line-height: 40px; color:#444; padding-left: 20px;}

#sub_contents{padding: 80px 0 100px; min-height: 700px;}
.contop{margin-bottom: 50px;}
.contop h3{text-align: center; line-height:1; font-size: 35px; color:#222; font-weight: 500;}
.depth03{margin-bottom: 50px;}
.depth03 ul{font-size: 0; text-align: center;}
.depth03 ul li{position: relative; displaY: inline-block; padding: 0 30px;}
.depth03 ul li:after{content:''; position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; width:1px; height: 15px; background-color: #d2d2d2;}
.depth03 ul li:last-child:after{display: none;}
.depth03 ul li a{position: relative; display: block; line-height: 1; font-size: 18px; color:#4e4e4e; font-weight: 500;}
.depth03 ul li:hover a{color:#222;}
.depth03 ul li.on a{color:#222;}
.depth03 ul li.on a:after{content:''; position: absolute; left: 0; bottom:-12px; width: 100%; height: 3px; background-color: #41a07b;}


.sub02_list_wrap .search_box_wrap{text-align: right;}
.sub02_list_wrap .search_box{position: relative; display: inline-block; width:300px; height: 50px; border-bottom: 2px solid #222}
.sub02_list_wrap .search_box input{display: block; width: 100%; height: 100%; border: none; padding: 0 40px 0 10px;}
.sub02_list_wrap .search_box input::placeholder{font-size: 15px; color:#999}
.sub02_list_wrap .search_box input::-webkit-input-placeholder{font-size: 15px; color:#999}
.sub02_list_wrap .search_box input:-ms-input-placeholder{font-size: 15px; color:#999}
.sub02_list_wrap .search_box a{position: absolute; display: block; right: 4px; top: 0; bottom: 0; margin: auto 0; width: 22px; height: 22px; background: url(/images/sub/sub_list_search_icon.png)center no-repeat;}
.sub02_list_wrap .sub02_list{margin-top: 50px;}
.sub02_list_wrap .sub02_list ul{display: flex; flex-wrap:wrap; font-size: 0; }
.sub02_list_wrap .sub02_list ul li{margin-right: 20px; margin-top: 20px; width: 285px;}
.sub02_list_wrap .sub02_list ul li:nth-child(4n){margin-right: 0;}
.sub02_list_wrap .sub02_list ul li:nth-child(-n + 4){margin-top: 0;}
.sub02_list_wrap .sub02_list ul li a{display: block; width:100%;border: 1px solid #e2e2e2; transition:0.3s;}
.sub02_list_wrap .sub02_list ul li .img_wrap{position: relative; width:100%; padding-bottom: 100%;}
.sub02_list_wrap .sub02_list ul li .img_wrap img{position: absolute; left: 0; top: 0; right:0; bottom:0; margin: auto; width: auto; height: auto; max-width: 100%; max-height:100%;}
.sub02_list_wrap .sub02_list ul li .txt_wrap{padding: 0 19px;}
.sub02_list_wrap .sub02_list ul li .txt_wrap .txt{border-top: 1px solid #e2e2e2; padding: 15px 0;}
.sub02_list_wrap .sub02_list ul li .txt_wrap .txt span{display: block; line-height: 19px; font-size: 15px; color:#41a07b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sub02_list_wrap .sub02_list ul li .txt_wrap .txt em{display: block; line-height: 25px; font-size: 20px; color:#222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sub02_list_wrap .sub02_list ul li:hover a{border: 1px solid #41a07b}

.paging_wrap{text-align:center; box-sizing:border-box; margin-top: 60px;}
.paging_wrap:before, .paging_wrap:after{box-sizing:inherit;}
ul.paging{display:inline-block; font-size:0; vertical-align: top;}
ul.paging li{display:inline-block; margin:0 5px; vertical-align:middle; }
ul.paging li img{vertical-align:middle; }
ul.paging li a{display:block; width:40px; height:40px; border:none;  font-size:15px; color:#999; line-height:40px; font-weight:500; background-color: #eeeeee; }
ul.paging li.page_arrow a{line-height:36px; }
ul.paging li.on a{background-color:#41a07b; }
ul.paging li.on a{color:#ffffff; border:none; }

/* sub0101 */
.sub0101_wrap .sec1{border-bottom: 1px solid #ddd; padding-bottom: 30px; background: url('/images/sub/sub0101_bg02.png') no-repeat right bottom;}
.sub0101_wrap .sec1 p{font-size: 35px; color: #222;}
.sub0101_wrap .sec1 span{margin-left: 28px;}
.sub0101_wrap .sec2{padding-top: 30px;}
.sub0101_wrap .sec2 .txt{float: left;}
.sub0101_wrap .sec2 .top p{font-size: 26px; color: #222; margin-top: 0px;}
.sub0101_wrap .sec2 .top strong{position: relative;}
.sub0101_wrap .sec2 .top strong:before{position: absolute; width: 100%; height: 12px; background: #c6e2d7; content: ''; bottom: -1px; z-index: -1;}
.sub0101_wrap .sec2 p{color: #222; line-height: 2; margin-top: 30px;}
.sub0101_wrap .sec2 .img{float: right; margin-top: 20px;}
.sub0101_wrap .sec2 .sign{position: relative; padding-left: 18px;}
.sub0101_wrap .sec2 .sign:before{position: absolute; width: 3px; height: 60px; background: #41a07b; content: ''; left: 0; top: 5px;}
.sub0101_wrap .sec2 .sign p{font-size: 17px; line-height: 1.7;}
.sub0101_wrap .sec2 .sign strong{font-size: 26px;}

/* sub0102 */
.sub0102_wrap .banner{display:table;width: 100%; height: 240px; background: url('/images/sub/sub0102_bg.jpg') no-repeat; background-attachment: fixed;}
.sub0102_wrap p{display:table-cell; vertical-align:middle; text-align: center; font-size: 28px; font-weight: 600; color: #fff;}
.sub0102_wrap .inner{margin-top: 50px;}
.sub0102_wrap .btn ul li{float: left; width: 400px; background: #f7f7f7; border: 1px solid #ddd; height: 60px; line-height: 60px; font-size: 16px; border-left: 0; color: #888;}
.sub0102_wrap .btn ul li:first-child{border-left: 1px solid #ddd;}
.sub0102_wrap .btn ul li.on{background: #fff; border-top: 3px solid #41a07b; border-left: 1px solid #888; border-right: 1px solid #888; border-bottom: 0; color: #222; font-weight: 500;}
.sub0102_wrap .tab_con{margin-top: 60px;}
.sub0102_wrap .tab_con > div{position: relative;}
.sub0102_wrap .tab_con > div:before{position: absolute; background: #ddd; width: 1px; height: 100%; content: ''; left: 50%; top: 12px;}  
.sub0102_wrap .tab_con .his_con{position: relative; margin-bottom:70px;}
.sub0102_wrap .tab_con .his_con:last-child{margin-bottom: 0;}
.sub0102_wrap .tab_con .his_con:before{position: absolute; width:9px; height: 9px; border-radius:50% ; background: #41a07b; content: ''; left: 596px; top:12px;}
.sub0102_wrap .tab_con .his_con > div{width: 50%;}
.sub0102_wrap .tab_con .his_left .h_year{float: left; text-align: right; padding-right: 50px; font-size: 30px; color: #41a07b; line-height: 1;}
.sub0102_wrap .tab_con .his_left .h_txt{float: right; padding-left: 50px; line-height:2;}
.sub0102_wrap .tab_con .his_right .h_year{float: right; padding-left: 50px; font-size: 30px; color: #41a07b; line-height: 1;}
.sub0102_wrap .tab_con .his_right .h_txt{float: left; text-align: right; padding-right: 50px; line-height:2;}
.sub0102_wrap .tab_con .h_txt ul li{margin-bottom: 10px; color: #222;}
.sub0102_wrap .tab_con .h_txt ul li:last-child{margin-bottom: 0px;}

/* sub0105 map*/
.map_wrapper {width:1200px; height:420px; border:1px solid #ddd; overflow:hidden;    position: relative;}
.map_wrapper .left {float:left; width:350px; padding:20px 0; padding-left:140px;}
.map_wrapper .right {float:right; width:700px; padding-left:65px;}
.map_wrapper .right h4 {font-size:20px; color:#000; line-height:1; margin:55px 0 20px;}
.map_wrapper .right p {line-height:1;}
.map_wrapper .right .clfix {width:440px; margin-top:40px;}

.dot02{ padding-left: 12px;text-align: left; font-size: 15px; margin-top: 15px;position:relative;}
.dot02:after{content:'';display:block;width:3px;height:3px;position:absolute;background:#41a07b;border-radius:50%;top: 5px;left: 0px;}

.map_caption button{width:100px;height:40px;line-height:40px; color:#999;float:left;margin-left:10px;margin-top:10px;border:1px solid #ddd;}
.map_caption button:nth-child(-n+4){margin-top:0}
.map_caption button:nth-child(4n+1){margin-left:0}
.map_caption button.on{color:#fff; background:#41a07b;}
.map_caption button:hover{color:#fff; background:#41a07b}
.map_caption button:active{color:#fff; background:#41a07b;}

.map_tb01{margin-top:30px;width: 100%;}
.map_tb01 th{color:#41a07b;font-size:17px;font-weight:500;line-height:1;text-align: left;}
.map_input01{outline:0;height: 35px;border: 1px solid #ddd;width: 50%;}
.mapsearchbtn{position: absolute; right: 50px; bottom: 50px;}
.mapsearchbtn a { display: block;  width: 200px; height: 50px; line-height: 48px;text-align: center; font-size: 15px; font-weight: 400; background: #41a07b;  border: 1px solid #41a07b; color: #fff;}

.map_list{margin:50px 0; }
.map_list table{border-top: 2px solid #41a07b; width: 100%;}
.map_list th{height: 60px; border: 1px solid #ddd; background: #f9f9f9; color: #222; font-size: 16px;}
.map_list th:first-child{border-left: 0;}
.map_list th:last-child{border-right: 0;}
.map_list td{text-align: center; height: 60px; border: 1px solid #ddd;}
.map_list td:first-child{border-left: 0;}
.map_list td:last-child{border-right: 0;}

.paging_wrap{text-align:center; box-sizing:border-box;}
.paging_wrap:before, .paging_wrap:after{box-sizing:inherit;}
ul.paging{display:inline-block; font-size:0; }
ul.paging li{display:inline-block; margin:0 2px; vertical-align:middle; }
ul.paging li img{vertical-align:middle; }
ul.paging li a{display:block; width:30px; height:30px; border:1px solid #ddd;  font-size:14px; color:#999; line-height:28px; font-weight:500; }
ul.paging li.page_arrow a{line-height:27px; }
ul.paging li.on{background:#bf455a; }
ul.paging li.on a{color:#ffffff; border:1px solid #ddd; }


/* sub0106 */
.sub0106_wrap .txt{border-top: 2px solid #41a07b; background: #f7f7f7; padding: 40px; margin-top: 30px;}
.sub0106_wrap .txt p{margin-bottom: 30px;}
.sub0106_wrap .txt img{vertical-align: middle; margin-right: 10px;}
.sub0106_wrap .txt span{font-weight: 500; color: #41a07b; margin-right: 15px;}
.sub0106_wrap .txt ul li{float: left; margin-right: 40px; }

/* sub0201_view2 */
.sub02_view2_wrap .dpc_tit{margin-bottom: 64px;}
.sub02_view2_wrap .dpc_tit span{display: block; font-size: 25px; font-weight: 500; line-height: 1; color:#41a07b; margin-bottom: 30px;}
.sub02_view2_wrap .dpc_tit p{position: relative; font-size: 35px; font-weight: 500; line-height: 1; color:#222222; padding-bottom: 27px;}
.sub02_view2_wrap .dpc_tit p:after{content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 2px; background: #41a07b;}

.sub02_view2_wrap .pro_view_all .img_wrap{border: 1px solid #ddd; width: 580px; float: left; text-align: center;}
.sub02_view2_wrap .pro_view_all .txt_wrap{width: 580px; float: right; padding-top: 60px;}
.sub02_view2_wrap .pro_view_all .txt_wrap{width: 580px; float: right;}
.sub02_view2_wrap .pro_view_all .txt_wrap .tit{margin-bottom: 30px; border-bottom: 1px solid #222; padding-bottom: 30px;}
.sub02_view2_wrap .pro_view_all .txt_wrap .tit p{position: relative; padding-left:  14px; position: relative; font-size: 28px; font-weight: 500; line-height: 1; color:#000;}
.sub02_view2_wrap .pro_view_all .txt_wrap .tit p:before{content: ''; position: absolute; top: -10px; left: 0; background: url('/images/sub/sub_txt_deco.png')top center no-repeat; width: 19px; height: 18px;}
.sub02_view2_wrap .pro_view_all .txt_wrap ul{padding-left: 20px; }
.sub02_view2_wrap .pro_view_all .txt_wrap ul li{font-size: 15px; font-weight: 400; line-height: 30px; color:#222;}

.sub02_view2_wrap .movelist{margin-top: 65px;}
.sub02_view2_wrap .movelist a{display: block; width: 160px; height: 50px; background: #222222; text-align: center; margin: 0 auto;}
.sub02_view2_wrap .movelist a span{font-size: 16px; font-weight: 400; line-height: 50px; color:#fff;}

/* sub0402 */
.sub0402_wrap .img{float:left;}
.sub0402_wrap .q_box{float:right; background:#fbfbfb; padding:40px; height: auto;}
.sub0402_wrap .q_box > h4{font-size:26px; font-weight:500; color:#222; margin-bottom:10px; line-height: 1;}
.sub0402_wrap .q_box > p{font-size:15px; color:#666; margin-bottom:20px;}
.sub0402_wrap td{margin-bottom:20px; display:block; float:left;}
.sub0402_wrap td.txt_area{margin-bottom:10px;}
.sub0402_wrap td:nth-child(2){margin-left:60px;}
.sub0402_wrap input[type=text]{border:none; border-bottom:1px solid #ddd; outline:0; height:40px; font-size:15px; color:#222; background:#fbfbfb;}
/* .sub0402_wrap td.search input[type=text]{border:none; border-bottom:1px solid #ddd; outline:0; height:40px; font-size:16px; color:#222; background:#fbfbfb; background-image: url('/images/sub/sub0403_icon01.png'); background-repeat: no-repeat; background-position: right center;} */
.sub0402_wrap input[type=checkbox]{margin-right:5px;}
.sub0402_wrap select{border: 1px solid #ddd; height: 40px;}
.sub0402_wrap input::placeholder{color:#bbb; font-size:15px; font-weight:400;}
.sub0402_wrap td a{margin-left: 10px;}
.sub0402_wrap textarea{border:1px solid #ddd; padding:15px; outline:0; color:#999; height:140px; resize: none; margin-top: 10px;}
.sub0402_wrap p{color:#777; font-size:15px; font-weight:400; margin-bottom:5px;}
.sub0402_wrap .btn{text-align:right; width:100%; margin-top: 10px;}
.sub0402_wrap button{background:#393939; color:#fff; font-weight:300; padding:12px 26px; border-radius:5px; font-size:15px; outline:0; line-height: 1;}
.sub0402_wrap label{color: #777;}

.sub0402_wrap .laypop.on {display: block; }
.sub0402_wrap .laypop { position: fixed; display: none;background: rgba(0,0,0,0.8); width: 100%; height: 100%; top: 0; left: 0; z-index: 1000;}
.sub0402_wrap .laypop .laypop_inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff; padding: 50px;}
.sub0402_wrap .laypop .laypop_inner a {display: block; background: #222; height: 50px;  text-align:center; line-height:48px;}
.sub0402_wrap .laypop .laypop_inner .closebtn {position: relative;}
.sub0402_wrap .laypop .laypop_inner .closebtn img {position: absolute; right: 0; width: 30px; height: 30px; cursor: pointer;}
.sub0402_wrap .laypop .laypop_inner span.tit{font-size:20px; padding-bottom:30px;}
.sub0402_wrap .laypop .laypop_inner span { display: block; font-size: 15px; font-weight: 500; color: #222;}
.sub0402_wrap .laypop .laypop_inner p {display: block; font-size: 15px; font-weight: 400; color: #777777; margin-bottom: 20px;}
.sub0402_wrap .laypop .laypop_inner a span{color:#fff; margin-top:20px;}

/* sub0501 */
/* 210823수정 */
.sub0501_wrap .btn{width: 100%;}
.sub0501_wrap .tab_tit li{width: 6.25%; background: #f7f7f7; border: 1px solid #ddd; float: left; height: 60px; line-height: 60px; font-size: 16px; border-left: 0; color: #888;}
.sub0501_wrap .tab_tit li.on{background: #fff; border-top: 3px solid #41a07b; border-left: 1px solid #888; border-right: 1px solid #888; border-bottom: 0; color: #222; font-weight: 500;}
/* .sub0501_wrap .tab_tit li{width: 120px; background: #f7f7f7; border: 1px solid #ddd; float: left; height: 60px; line-height: 60px; font-size: 16px; border-left: 0; color: #888;}
.sub0501_wrap .tab_tit li.on{background: #fff; border-top: 3px solid #41a07b; border-left: 1px solid #888; border-right: 1px solid #888; border-bottom: 0; color: #222; font-weight: 500;} */
.sub0501_wrap .tab_tit li:first-child{border-left: 1px solid #ddd;}
.sub0501_wrap .tab_tit li:first-child.on{border-left:1px solid #888 ;}
.sub0501_wrap .btn2{margin-top: 50px;}
.sub0501_wrap .tab_tit2{border-bottom: 1px solid #ddd; margin: 0 auto; text-align: center;} 
.sub0501_wrap .tab_tit2 li{display: inline-block; position: relative; text-align: center; margin-right: 50px; padding-bottom: 5px; color: #888;}
.sub0501_wrap .tab_tit2 li:last-child{margin-right: 0;}
.sub0501_wrap .tab_tit2 li.on{color: #222; font-weight: 500;}
.sub0501_wrap .tab_tit2 li.on:before{position: absolute; width:100%; background: #41a07b; height:3px; content: ''; bottom: -2px; left: 0;}
.sub0501_wrap .tab_con2{margin-top: 50px;}
.sub0501_wrap .tab_con2 ul{display:flex; flex-wrap:wrap; margin-bottom: 50px;}
.sub0501_wrap .tab_con2 ul li{float: left; width: 285px; text-align: center; background: #f9f9f9; padding: 30px; margin-right: 20px;}  
.sub0501_wrap .tab_con2 ul li:last-child{margin-right: 0;}
.sub0501_wrap .tab_con2 ul li img{margin-bottom: 20px;}
.sub0501_wrap .tab_con2 ul li span{font-weight: 500; margin-right: 20px; color: #222;}
.sub0501_wrap .tab_con2 ul li em{display: block; font-weight: 500; color: #222;}
.sub0501_wrap .tab_con2 ul li a{background: #f1f1f1; border: 1px solid #ddd; color: #555; padding: 5px 14px; }
.sub0501_wrap .tab_con2 .ques{text-align: center; margin-top: 50px; color: #222;}
.sub0501_wrap .tab_con2 .ques em{font-weight: 500;}
.sub0501_wrap .tab_con2 .ques span{background: #41a07b; color: #fff; padding: 2px 7px;}