@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

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:18px; line-height:1.6; font-family: 'Noto Sans KR'; color:#555;} 
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;}
.invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}


.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} 
.clfix {zoom:1;}

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

.title{font-size:20px; 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:18px; 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:14px; 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:16px; font-weight:bold; color:#444;}
.login_pw{width:240px; float:left; height:30px; font-size:16px; font-weight:bold; color:#444;}
.login_btn{width:70px; float:left; height:30px; font-size:16px; font-weight:bold; color:#fff; background-color:#333; border:none; }
.num_txt{width:100px; float:left;height:20px; font-size:16px; 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:18px;}
.tbox1 .txt_scroll { height:200px; padding:0 20px; overflow-y:auto;}
.txt_type { line-height:25px; font-size:16px; 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:16px;}
.btnType.btn1.color2 {border:1px solid #333; background:#333; cursor:pointer; }
.btnWrap input{color:#fff;}

.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{width: 100%; max-width: 5000px; min-width: 1420px; margin: 0 auto; position: relative; overflow: hidden;}
.inner{width: 1400px; margin: 0 auto; max-width:100%;}

.h_top {height: 36px; border-bottom:0px solid #ddd;background:#150d5c;color:#fff;}
.h_top .inner{ width:1400px; display: flex; height: 100%; align-items: center; justify-content:space-between; font-size: 0;}
.h_top .inner .h_top_logo{width:100%; display:flex; flex-wrap:wrap; gap:0 3px; align-items:center; }
.h_top .h_top_logo .img_wrap:nth-child(2) img{width: 90%; /*height: 54px;*/}
.h_top .h_top_logo .img_wrap:nth-child(3) img{width: 90%; /*height: 54px;*/}
.h_top .login_wrap{width:100%; display:flex; justify-content:flex-end; align-items:center;}
.h_top span{position: relative; display: block; line-height: 1; margin-right: 16px;color:#fff; font-weight: 400;}
.h_top span:after{content:''; position: absolute; right: -21px; width:0px; height:12px; background-color: #ddd; top:0; bottom: 0; margin: auto 0;}
.h_top span:last-child{margin-right: 0;}
.h_top span:last-child:after{display: none;}
.h_top span a{display: flex; align-items: center; line-height: 1; font-size: 16px; color:#fff; font-weight: 400;}
.h_top span a img{margin-right: 9px;}
#header{position: relative; width: 100%;  height: 100px; left: 0; top: 0; z-index: 10000;}
#header:after{content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #ddd;}
#header .inner{position:relative; height:100%;}
#header h1{position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 186px; height: 56px; }
#header h1 a{display: block; width:100%; height: 100%;}
#header h1 img{width:100%; height:100%;}

.h_search{position: absolute; right: 0; height: 40px; bottom: 28px; width: 200px;}
.h_search input{width: 100%; height:100%; border: none; padding: 0 40px 0 10px;/* background-color:#fff000; */ border: none !important; border-radius:20px 0px;background-color:#efefef;}
.h_search a{position: absolute; display: block; right: 10px; top:0; bottom: 0; margin: auto 0; width:20px; height: 20px; background: url(/images/common/menu_search.png) center no-repeat;}

.gnb{position: absolute; display: flex; left: 60%; width: 1150px; transform: translateX(-50%); bottom: 0; z-index: 1000;}
.gnb li{position:relative; padding:0 50px; width: max-content;}
.gnb li:after{content:''; position: absolute; left: 0; transform: translateY(-50%); top: 50%; width: 100%; height: 40px; border-radius:20px; background-color:#fff000; opacity: 0; transition: 0.3s;}
.gnb li.over a{color:#fff; /*background:#1e1477;border-top:1px solid #000;*/}
.gnb li.over:after{opacity:1; z-index:-10;}
.gnb li:last-child{margin-right: 0;}
.gnb li a{display: block; line-height: 100px; font-family: 'SBAggro'; font-size:22px; letter-spacing:-1px; font-weight: normal; color:#000;}
.gnb_over_wrap{position: absolute; display: none;  left: 0; top: 100%; width: 100%; background-color: #fff; overflow: hidden; box-shadow: rgba(0,0,0,0.1) 0 20px 20px;}
.gnb_over_wrap .inner{position:Relative; display: flex; }
.gnb_over_wrap .inner:before{content:''; position: absolute; width: 1000px; height: 100%; right: 100%; height: 100%; background-color: #1e1477;} /* side color */
.gnb_over_wrap .left{position:relative; width: 280px; height: 280px; /*height: 323px; */background: url(/images/common/menu_bg.png) center  no-repeat;}
.gnb_over_wrap .left em{position:absolute; display: none; line-height: 1; font-size: 30px; font-weight: 900; color:#fff; top: 50px; left: 0; }
.gnb_over_wrap .right{width: calc(100% - 280px); padding-left: 30px;}
.gnb_over_wrap .right .gnb_over{display: none;}
.gnb_over_wrap .right .menu_box{display: flex; align-items: center; height: 50px; padding-left: 10px; border-bottom: 1px dashed #ddd;}
.gnb_over_wrap .right .menu_box:nth-child(5){border-bottom: none;}
.gnb_over_wrap .right .menu_box em{display: block; width: 220px; }
.gnb_over_wrap .right .menu_box em i {font-size: 16px; color:#444; }
.gnb_over_wrap .right .menu_box em a{display: inline-block; font-family: 'SBAggro'; font-size: 16px; color:#000; line-height: 24px;} /* 2step */
.gnb_over_wrap .right .menu_box ul{display: flex; align-items:center; width: calc(100% - 135px);}
.gnb_over_wrap .right .menu_box ul li{display: flex; align-items:center; margin-right: 40px;}
.gnb_over_wrap .right .menu_box ul li a{display: block; line-height: 25px; font-size: 16px; font-weight: 400; color:#555 }


.navigation{display: none;}

#section01{padding: 60px 0}
#section01 .inner{position:relative; display: flex; justify-content: space-between; align-items: center;}
#section01 .bg{position: absolute; right: -120px; bottom: -50px; z-index: -1;}
#visual_wrap{position:relative; width: 770px; border-radius: 10px; overflow: hidden;}
#visual_wrap .bx-wrapper .bx-pager{position: absolute; top: 89%; z-index: 100; left: 0; width: 100%; text-align: center;}
#visual_wrap .bx-wrapper .bx-pager .bx-pager-item{display:inline-block; margin:0 5px;}
#visual_wrap .bx-wrapper .bx-pager .bx-pager-item a{width:12px; height:12px; background:#ccc; border-radius:50%; margin:0;}
#visual_wrap .bx-wrapper .bx-pager .bx-pager-item a.active{width:36px; height:12px; background:#1AAFB7; border-radius:12px; margin:0;}

/* .visual_item{position: absolute; display: flex; align-items: center; right:20px; bottom: 20px; padding: 0 18px; height: 35px; width: 110px; border-radius:17.5px; font-size: 0; background-color: rgba(0,0,0,0.3); z-index: 100;}
.visual_item .count{margin-right: 18px;}
.visual_item .count span{display: inline-block; line-height: 1; font-size: 14px; color:#fff; }
.visual_item .count .bar{margin: 0 4px;}
.visual_item .play{display: block; width: 8px; height: 10px; margin-right: 10px; background: url(/images/main/main_visual_play_pc.png)center no-repeat;}
.visual_item .pause{display: block; width: 7px; height: 10px; background: url(/images/main/main_visual_play_pause.png)center no-repeat;} */

#section01 .con01{width: 590px; }
#section01 .board_tit{position:relative; font-family: 'SBAggro'; }
#section01 .board_tit ul{display: flex; font-size: 0;}
#section01 .board_tit ul li{position:relative; margin-right: 48px;}
#section01 .board_tit ul li:after{content:''; position: absolute; right: -26px; width: 6px; height: 6px; border-radius: 50%; top: 0; bottom: 0; margin: auto 0; background-color: #ffac0c;}
#section01 .board_tit ul li:last-child:after{display: none; }
#section01 .board_tit ul li a{display: block; line-height: 1; font-size: 26px; font-weight: 500; color:#bbb}
#section01 .board_tit ul li.on a{color:#222; }
#section01 .board_tit .more{position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; width: 17px; height: 17px;}
#section01 .board_tit .more a{position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; background: url(/images/common/more.png)center no-repeat;}
#section01 .board_wrap{padding-right:10px; margin-top: 23px;}
#section01 .board{padding: 10px 0; border-radius: 10px; border: 1px solid #ddd; background-color: #fff;box-shadow: rgba(0,0,0,0.08) 0 5px 10px;}
#section01 .board ul li{position:relative; padding: 0 10px; height: 65px; z-index: 10;  }
#section01 .board ul li:before{content:''; position: absolute; left:-10px; width: calc(100% + 20px); height: 75px; top: -5px; border-radius:10px; border: 0px solid #999; background-color: #ffcd34; box-shadow: rgba(0,0,0,0.08) 0 5px 10px; z-index: -1; opacity: 0; transition: 0.3s;}
#section01 .board ul li a{position:relative; display: flex; height: 100%; align-items: center; padding-left: 10px; z-index: 20;}
/* 앞에 점
#section01 .board ul li a:before{content:''; position: absolute; color:#fff; left: 0; top: 0; bottom: 0; margin: auto 0; width: 10px; height: 10px; border-radius: 50%; background-color: #ccc; transition: 0.3s;}*/
#section01 .board ul li p{width: calc(100% - 110px); font-size: 20px; font-weight: 700; color:#000; line-height: 20px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#section01 .board ul li span{width: 110px; text-align: right; font-size: 20px; color:#444; line-height: 20px;}
#section01 .board ul li:hover:before{opacity: 1;}
#section01 .board ul li:hover a:before{background-color: #fff;}






#section01 .mayor{width: 560px; position:relative;  padding:105px 0 0 45px;  border:1px solid #ffd5d1; border-radius:10px; background-color:#ffecea; box-shadow:10px 20px 30px 0 rgba(25, 53, 116, 0.12);}
#section01 .mayor:before{content: '' ;display:block; position:absolute; top:88px; right:-41px; width:439px; height:439px; background:url('/images/main/mayor_bg2.png') no-repeat;}
#section01 .mayor:after{content: '';display:block; position:absolute;right:30px; bottom:0; width:300px; height:356px; background:url('/images/main/mayor_photo2.png') no-repeat; background-size: contain;}
#section01 .mayor .mayor_title{position:relative;}
#section01 .mayor .mayor_title .mayor_slogan{display:block; margin-bottom:15px; color:#ec6c61; font-size:22px; line-height:30px;}
#section01 .mayor .mayor_title .mayor_name{position:relative; color:#363c5a; font-size:26px; line-height:38px; font-weight: 500;}
#section01 .mayor .mayor_title .mayor_name span{font-size:36px; letter-spacing:0.05em; font-weight: 700;}
#section01 .mayor .mayor_title .mayor_name:before{content: '';display:none;}
#section01 .mayor .mayor_item a:after{content: ''; display:block; position:absolute; background-image:url('/images/main/mayor_sprite.png');}
#section01 .mayor .mayor_link{position:relative; margin-top:25px; padding-left:18px;}
#section01 .mayor .mayor_item + .mayor_item{margin-top:3px;}
#section01 .mayor .mayor_item a{display:inline-block; position:relative; padding-right:40px; padding-left:30px; border-radius:22px; color:#43475e; font-size:21px; font-weight:300; line-height:44px; letter-spacing:-0.03em; transition: 0.3s;}
#section01 .mayor .mayor_item a:hover{transition: 0.3s; margin-left:-10px; padding-left:20px; background-color:#fff; box-shadow:2px 4px 20px 0 rgba(0, 0, 0, 0.07); color:#ec6c61;}
#section01 .mayor .mayor_item a:before,
#section01 .mayor .mayor_item a:after{content: '';position:absolute; transition: 0.3s;}
#section01 .mayor .mayor_item a:before{content: '';display:block; top:0; left:0; bottom:0; width:16px; height:2px; margin-top:auto; margin-bottom:auto; background-color:#939ab0; transition: 0.3s;}
#section01 .mayor .mayor_item a:after{content: '';display:block; opacity:0; visibility:hidden; top:17px; right:17px; width:17px; height:9px; background-position:left top; transition: 0.3s;}
#section01 .mayor .mayor_item a:hover:before{content: '';width:0; transition: 0.3s;}
#section01 .mayor .mayor_item a:hover:after{content: '';opacity:1; visibility:inherit; transition: 0.3s;}

#section01 .mayor_wrap{width: 580px; padding: 20px;}
#section01 .mayor_new{width: auto; position:relative;  padding:65px 0 60px 35px;  border:1px solid #ffd5d1; border-radius:10px; background-color:#ffecea; box-shadow:10px 20px 30px 0 rgba(25, 53, 116, 0.12);}
#section01 .mayor_new:before{content: '' ;display:block; position:absolute; top:88px; right:0; width:302px; height:202px; background:url('/images/main/mayor_bg2.png') no-repeat;}
#section01 .mayor_new:after{content: '';display:block; position:absolute;right:30px; bottom:0; width:240px; height:283px; background:url('/images/main/mayor_photo2.png') no-repeat; background-size: contain;}
#section01 .mayor_new .mayor_item a{display:inline-block; position:relative; padding-right:40px; padding-left:30px; border-radius:22px; color:#43475e; font-size:19px; font-weight:300; line-height:44px; letter-spacing:-0.03em; transition: 0.3s;}

#section01_2{margin-bottom: 60px;}
#section01_2 .board_tit{position:relative; }
#section01_2 .board_tit ul{display: flex; font-size: 0;}
#section01_2 .board_tit ul li{position:relative; margin-right: 48px;}
#section01_2 .board_tit ul li:after{content:''; position: absolute; right: -26px; width: 6px; height: 6px; border-radius: 50%; top: 0; bottom: 0; margin: auto 0; background-color: #179fa5;}
#section01_2 .board_tit ul li:last-child:after{display: none; }
#section01_2 .board_tit ul li a{display: block; line-height: 1; font-size: 30px; font-weight: 900; color:#bbb}
#section01_2 .board_tit ul li.on a{color:#222; }
#section01_2 .board_tit .more{position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; width: 17px; height: 17px;}
#section01_2 .board_tit .more a{position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; background: url(/images/common/more.png)center no-repeat;}
#section01_2 .board_wrap{padding-right:10px; margin-top: 23px;}
#section01_2 .board{padding: 10px 0; border-radius: 10px; border: 1px solid #ddd; background-color: #fff;}
#section01_2 .board ul {display: flex; flex-wrap:wrap;}
#section01_2 .board ul li{position:relative; padding: 0 30px; height: 65px; z-index: 10; width: 50%;}
#section01_2 .board ul li:before{content:''; position: absolute; left:-10px; width: calc(100% + 20px); height: 75px; top: -5px; border-radius:10px; border: 1px solid #179fa5; background-color: #fff; box-shadow: rgba(0,0,0,0.08) 0 5px 10px; z-index: -1; opacity: 0; transition: 0.3s;}
#section01_2 .board ul li a{position:relative; display: flex; height: 100%; align-items: center; padding-left: 30px; z-index: 20;}
#section01_2 .board ul li a:before{content:''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 10px; height: 10px; border-radius: 50%; background-color: #ccc; transition: 0.3s;}
#section01_2 .board ul li p{width: calc(100% - 110px); font-size: 16px; font-weight: 700; color:#222; line-height: 20px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#section01_2 .board ul li span{width: 110px; text-align: right; font-size: 15px; color:#666; line-height: 1; }
#section01_2 .board ul li:hover:before{opacity: 1;}
#section01_2 .board ul li:hover a:before{background-color: #179fa5;}

h2.main_tit{text-align: center; line-height:1; font-size: 34px; font-weight: 700; color:#444; font-family: 'SBAggro'; }
h2.main_tit span{color:#1e9718;}
#section02{ padding: 60px 0; background-color: #f3f3f3;}
#section02 .inner { position:relative;}
#section02 .sec02_menu{ margin-top: 45px; border:1px solid #ddd; height: 50px; border-radius: 25px; background-color: #fff;}
#section02 .sec02_menu ul .slick-list{overflow: visible; }
#section02 .sec02_menu ul li{position:relative; z-index: 20;}
#section02 .sec02_menu ul li:after{content:''; position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; width: 1px; height: 20px; background-color: #ddd;}
#section02 .sec02_menu ul li a{position: relative; display: block; line-height: 48px; text-align: center; font-size: 16px; font-weight: 700; color:#222; z-index: 30;}
#section02 .sec02_menu ul li:before{content:''; position:absolute;  left: 50%; transform: translateX(-50%); width: 0; transition: 0.3s; opacity: 0; height: 60px; top: -5px;  border-radius: 0px; background-color: #64aa36; z-index: -1; }
#section02 .sec02_menu ul li.slick-current:before{width: 100%;opacity: 1;}
#section02 .sec02_menu ul li.slick-current a{color:#fff;}
#section02 .sec02_con_wrap.pc_list{display: block; position:relative;}
#section02 .sec02_con_wrap.tab_list{display: none;}
#section02 .sec02_con_wrap.mob_list{display: none;}
#section02 .sec02_con{margin-top: 65px; font-size: 24px; }
#section02 .sec02_con .slick-list{overflow:visible; }
#section02 .sec02_list ul { overflow:hidden; padding-top:10px;}
#section02 .sec02_list ul .slick-list { width:calc(100% + 20px);}
#section02 .sec02_list ul li{border-radius: 15px; background-color: #fff; border:0px solid #ffff00;  box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.12); margin-right:20px;}
#section02 .sec02_btn_wrap { position:static; left:0; right:0; z-index:100;}
#section02 .sec02_btn_wrap a { display:block; position:absolute; top:50%; transform:translateY(-50%);  z-index:200; width:60px; height:60px; border-radius:50%;}
#section02 .sec02_btn_prev { left:-80px; background:url(/images/common/arrow_prev.png) center no-repeat;}
#section02 .sec02_btn_next { right:-80px; background:url(/images/common/arrow_next.png) center no-repeat;}
#section02 .sec02_btn_prev:hover { background-image:url(/images/common/arrow_prev_on.png);}
#section02 .sec02_btn_next:hover { background-image:url(/images/common/arrow_next_on.png);}
#section02 .sec02_list ul li .tit{position:relative; padding: 40px 20px 15px; border-radius: 10px 10px 0 0; font-family: 'SBAggro'; }
#section02 .sec02_list ul li .tit em{display: block; font-size: 1.1em; color:#000; line-height: 1.5em; height: 80px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
#section02 .sec02_list ul li .tit span{position: absolute; top:-10px; left: 20px; width: 80px; height: 30px; border-radius: 5px; text-align: center; line-height: 28px; font-size: 15px; font-weight: 700; background-color: #fff;}
#section02 .sec02_list ul li .txt{padding: 0 20px 20px 20px; font-size: 1.1em;} /*하단박스*/
#section02 .sec02_list ul li .txt p{position:relative; padding-left:30px; margin-top: 0px; font-size: 0.7em; font-weight: 400; color:#222; line-height:1.6em;min-height:1.6em;}
#section02 .sec02_list ul li .txt p:first-child{margin-top: 0;}
#section02 .sec02_list ul li .txt p span{position:absolute; left: 0; top: 0;  font-weight:400; color:#444; line-height:1.6em; }
#section02 .sec02_list ul li .txt p span:after{content: ''; /*세로막대줄*/ position: absolute; right: -10px; top:0; bottom: 0; margin: auto 0; width: 0px; height: 12px; background-color: #fff;} 
#section02 .sec02_list ul li .txt a{display: block; margin: 25px auto 0; width: 160px; height: 40px; border-radius: 20px; border: 1px solid #ddd; text-align: center; line-height: 38px; font-size: 14px; color:#666;}
#section02 .sec02_list ul li .txt a:hover{border: 1px solid #179fa5; color:#179fa5;}

#section02 .sec02_list ul li.type01 .tit{color:#f04eb9;} /*접수중-핫핑크*/
#section02 .sec02_list ul li.type01 .tit span{color:#fff; background:#f04eb9; font-family: 'Noto Sans KR'; }

#section02 .sec02_list ul li.type02 .tit{color:#63cdf5;} /*접수예정 초록*/
#section02 .sec02_list ul li.type02 .tit span{color:#fff; background:#63cdf5; font-family: 'Noto Sans KR'; }

#section02 .sec02_list ul li.type03 .tit{color: #999;} /*접수종료 - 회색*/
#section02 .sec02_list ul li.type03 .tit span{color:#fff; background:#888888; font-family: 'Noto Sans KR'; }
#section02 .sec02_list ul li.type03 {background:#dedede;}

#section02 .sec02_list ul li.type04 .tit{color: #64aa36;} /*하늘*/
#section02 .sec02_list ul li.type04 .tit span{color:#fff; background:#64aa36; font-family: 'Noto Sans KR'; }

#section02 .sec02_list .more{position:relative; text-align: center; margin-top: 60px; z-index: 10;}
#section02 .sec02_list .more:after{content:''; position: absolute; width: 100%; height: 1px; top: 0; bottom: 0; margin: auto 0;  left: 0; border-bottom: 1px dashed #ddd; z-index: -1;}
#section02 .sec02_list .more a{display: inline-block; width: 280px; height: 60px; border-radius: 30px; border: 1px solid #ddd; text-align: center; background-color: #fff;}
#section02 .sec02_list .more a span{font-size: 16px; font-weight: 700; color:#179fa5; font-weight: 700; line-height: 58px; padding-right: 33px; background: url(/images/main/main_more02_pc.png)center right no-repeat;}
#section02 .sec02_list .more a:hover{border: 1px solid #179fa5}




#section03{padding: 60px 0 100px}
#section03 .inner{position:relative; }
#section03 .bg{position: absolute; left: -158px; top: -5px; z-index: -1;}
#section03 .sec03_con{display: flex; justify-content: space-between; margin-top: 40px;}

#section03 .sec03_con .con01{position:relative; width: 330px; padding: 15px; border-radius: 15px; border: 1px solid #76b859; background:#fcfff9;}
#section03 .sec03_con .con01 .main_sub_title{text-align:center;font-size:1.2em; font-weight:700;color:#000;margin-top:10px; margin-bottom:15px; border-radius: 7px;}
#section03 .sec03_con .con01 .subcon{text-align:center;font-size:1.0em; margin-bottom:10px;letter-spacing:-2px;border:1px dashed #3dae4a;padding:3px;background:#fff;color:#11791d;border-radius: 15px;}
#section03 .sec03_con .con01 .tit{position:relative; display:flex; justify-content:space-between; align-items:center; padding: 0 10px 19px 10px; border-bottom: 1px solid #ddd; }
#section03 .sec03_con .con01 .tit em{display: block; line-height: 1.3; font-size: 20px; font-weight: 900; color:#222;text-align:center;  }
#section03 .sec03_con .con01 ul{display: flex; flex-wrap: wrap; overflow: hidden; padding:0px;}
#section03 .sec03_con .con01 ul li{display: inline-block; width: 100%; padding-top:10px; padding-bottom:10px;border-bottom:1px dashed #ccc;line-height:1.4em;}
#section03 .sec03_con .con01 ul li a {color:#000;}
#section03 .sec03_con .con01 ul li:hover {color:#000;}
#section03 .sec03_con .con01 ul li:last-child{border-bottom:0px dashed #ccc; }
#section03 .sec03_con .con01 ul li img {display:inline-block; width:40%; height:100px;float:left;}
#section03 .sec03_con .con01 ul li infotxt {display:inline-block; width:58%;font-size:0.8em;color:#000; padding-left:10px;}

#section03 .sec03_con .con02{width: 600px;}
#section03 .sec03_con .con02 ul{display: flex; flex-wrap: wrap; height: 380px; border: 1px solid #ddd; border-radius: 10px; overflow: hidden;}
#section03 .sec03_con .con02 ul li{width: 50%; height: 50%; border: 1px solid #ddd; border-left: none; border-bottom:none; background-color: #fff; transition:0.3s;}

#section03 .sec03_con .con02 ul li a{position:relative; display: block; width: 100%; height: 100%; }
#section03 .sec03_con .con02 ul li .img_wrap{position:relative; width: 100%; height: 100%;}
#section03 .sec03_con .con02 ul li .img_wrap .img{position:absolute; left: 0; width: 100%; height: 100%; top:0;}
#section03 .sec03_con .con02 ul li .arrow{position: absolute; z-index: 20;}
#section03 .sec03_con .con02 ul li .arrow img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: 0.3s;}
#section03 .sec03_con .con02 ul li .arrow img.on{opacity: 0.3;}
#section03 .sec03_con .con02 ul li:hover .arrow img{opacity: 0;}
#section03 .sec03_con .con02 ul li:hover .arrow img.on{opacity: 1;}

#section03 .sec03_con .con02 ul li .up{width: 35px; height: 17px; bottom: 100%; left: 0; right: 0; margin: 0 auto; }
#section03 .sec03_con .con02 ul li .down{width: 35px; height: 17px; top: 100%; left: 0; right: 0; margin: 0 auto; }
#section03 .sec03_con .con02 ul li .left{width: 17px; height: 35px; bottom: 0; top: 0; right: 100%; margin: auto 0; }
#section03 .sec03_con .con02 ul li .right{width: 17px; height: 35px; bottom: 0; top: 0;  left: calc(100% - 1px); margin: auto 0; }

#section03 .sec03_con .con03 {position:reative; width: 360px; padding:10px; border-radius: 10px; border: 1px solid #ddd;}
#section03 .sec03_con .con03 .tit{position:relative; display:flex; justify-content:space-between; align-items:center; padding: 0 10px 19px 10px; border-bottom: 1px solid #ddd; }
#section03 .sec03_con .con03 .tit em{display: block; line-height: 1.3; font-size: 20px; font-weight: 900; color:#222;text-align:center;  }
#section03 .sec03_con .con03 ul{display: flex; flex-wrap: wrap; overflow: hidden; padding:0px;}
#section03 .sec03_con .con03 ul li{display: inline-block; width: 100%; padding-top:10px; padding-bottom:10px;border-bottom:1px dashed #ccc;line-height:1.4em;}
#section03 .sec03_con .con03 ul li a {color:#000;}
#section03 .sec03_con .con03 ul li:hover {color:#000;}
#section03 .sec03_con .con03 ul li:last-child{border-bottom:0px dashed #ccc; }
#section03 .sec03_con .con03 ul li img {display:inline-block; width:40%; height:100px;float:left;}
#section03 .sec03_con .con03 ul li infotxt {display:inline-block; width:58%;font-size:0.8em;color:#000; padding-left:10px;}


#section04{padding: 60px 0 100px}
#section04 .inner{position:relative; }
#section04 .bg{position: absolute; left: -158px; top: -5px; z-index: -1;}
#section04 .sec04_con{display: flex; justify-content: space-between; margin-top: 40px;}

#section04 .sec04_con .con01{position:relative; width: 360px; padding: 10px; border-radius: 10px; border: 1px solid #ddd;}
#section04 .sec04_con .con01 .tit{position:relative; display:flex; justify-content:space-between; align-items:center; padding: 0 10px 19px 10px; border-bottom: 1px solid #ddd; }
#section04 .sec04_con .con01 .tit em{display: block; line-height: 1.3; font-size: 20px; font-weight: 900; color:#222;text-align:center;  }
#section04 .sec0v_con .con01 ul{display: flex; flex-wrap: wrap; overflow: hidden; padding:0px;}
#section04 .sec04_con .con01 ul li{display: inline-block; width: 100%; padding-top:10px; padding-bottom:10px;border-bottom:1px dashed #ccc;line-height:1.4em;}
#section04 .sec04_con .con01 ul li a {color:#000;}
#section04 .sec04_con .con01 ul li:hover {color:#000;}
#section04 .sec04_con .con01 ul li:last-child{border-bottom:0px dashed #ccc; }
#section04 .sec04_con .con01 ul li img {display:inline-block; width:40%; height:100px;float:left;}
#section04 .sec04_con .con01 ul li infotxt {display:inline-block; width:58%;font-size:0.8em;color:#000; padding-left:10px;}

/*
#section03 .sec03_con .con03 ul{display: flex; overflow: hidden;}
#section03 .sec03_con .con03 ul li{width: 100%; height: 50%; border: 1px solid #ddd; border-left: none; border-bottom:none; background-color: #fff; transition:0.3s;}
#section03 .sec03_con .con03 ul li a{position:relative; display: block; width: 100%; height: 100%; background:#ddd;}
*/
/*#section03 .sec03_con .con03 .sec03_slider{ margin-top: 20px;}
#section03 .sec03_con .con03 ul li a{display: block; }
#section03 .sec03_con .con03 ul li .img_wrap{position:relative; padding-bottom: 95.38%;}
#section03 .sec03_con .con03 ul li .img_wrap img{position: absolute; left: 0; top:0; bottom: 0; right: 0; margin: auto; width: auto; height: auto; max-width:100%; max-height:100%;}
*/
/*
#section03 .con03 .slick-dots{position:absolute; text-align: center; bottom: 20px; width: 100%; left: 0; font-size: 0;}
#section03 .con03 .slick-dots li{display: inline-block; margin: 0 5px;}
#section03 .con03 .slick-dots li button{text-indent:-999em; width: 10px; height: 10px; background-color: #fff; border-radius:50%;}
#section03 .con03 .slick-dots li.slick-active button{background-color: #42aaaf; border-radius:50%;}
#section03 .con03 .con03_btn_wrap { display:flex;}
#section03 .con03 .con03_btn_wrap a { display:block; width:22px; height:22px;}
#section03 .con03 .con03_btn_wrap a ~ a { margin-left:5px;}
#section03 .con03 .sec03_btn_prev { background:url(/images/main/main_sec2_prev.png) center no-repeat;}
#section03 .con03 .sec03_btn_next { background:url(/images/main/main_sec2_next.png) center no-repeat;}
#section03 .con03 .sec03_btn_prev:hover { background-image:url(/images/main/main_sec2_prev_on.png);}
#section03 .con03 .sec03_btn_next:hover { background-image:url(/images/main/main_sec2_next_on.png);}
*/


/*메인 아이콘 나열 */
#section05 {padding: 60px 0 50px;      background: #f9f9f9;      font-family: sans-serif;      margin: 0;       }
    .icon-container {      display: flex;      flex-wrap: wrap;      justify-content: center;      gap: 20px;    }
    .icon-item {	      width: 150px;      text-align: center;      transition: all 0.3s ease;    }
    .icon-circle {width: 150px;      height: 150px;      margin: 0 auto 10px;      border: 0px solid #7ec243;      border-radius: 50%;	      display: flex;	      align-items: center;      justify-content: center;      background-color: white;      transition: background-color 0.3s, border-color 0.3s;    }
    .icon-circle img {      width: 70px;      height: 70px;    }
    .icon-item:hover .icon-circle {      background-color: #7ec243;      border-color: #5ca12b;    }
    .icon-item:hover .icon-circle img {     /* filter: brightness(0) invert(1);   */ }
    .icon-label {      font-size: 1.0em;      color: #333;    }

@media (max-width: 768px) {
      .icon-item {width: 120px;}
      .icon-circle {width: 90px;height: 90px; }
      .icon-circle img { width: 40px; height: 40px;      }
      .icon-label { font-size: 1.0em;  color: #333;   }
    }
	



#footer{padding: 0px 0 50px; background-color: #272727;} /* background-color: #585858; */
#footer .inner{position:relative; padding-left: 240px; top:30px;}
#footer a.foot_logo{position: absolute; display:block; left: 0; top: 0; width: 180px; height: 54px; }
#footer a.foot_logo img{width: 100%; height: 100%; }
#footer address{font-size: 0;}
#footer address em {position:relative; display: inline-block; margin-right: 21px; font-size: 18px; line-height: 1; color:#fff47e;}
#footer address em:after{content:''; position:absolute; right: -11px; top: 0; bottom: 0; margin: auto 0; width: 1px; height: 10px; background-color: #aaa;}

#footer address span{position:relative; display: inline-block; margin-right: 21px; font-size: 18px; line-height: 1; color:#dcdcdc;}
#footer address span:after{content:''; position:absolute; right: -11px; top: 0; bottom: 0; margin: auto 0; width: 1px; height: 10px; background-color: #aaa;}
#footer address span:last-child:after{display: none; }
#footer p.copyright{font-size:15px; color:#dcdcdc; line-height: 24px; margin-top: 13px;}
#footer select{position: absolute; right: 0; top: 0; border: 1px solid #ddd; width: 250px; height: 35px; font-size: 14px; color:#666; padding-left: 10px; background: url(/images/main/foot_arrow_pc.png) center right 10px no-repeat #f5f5f5; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
#footer select::-ms-expand {display: none;}


#footer .container {   display: flex;  /*position: relative;*/	}
.footer-contact {	background: #584e4b;	 justify-content: center; }
.footer-contact .contact-head {	position: absolute;	height: 3.0rem;	top: -30px;	left: 240px; border: 2px solid #da9d3c;	border-radius:150px;background: #fff; padding:0px 40px;line-height: 45px;}
.footer-contact .contact-head  i {	color: #da9d3c;	font-size: 1.0rem;	margin-right: 0.4rem;}
.footer-contact .contact-head  .contact-title {		font-family: 'SBAggro';  color: #000;}
.footer-contact .contact-head  .strong {	font-family: 'SBAggro';  color: #da9d3c;	}
.footer-contact .contact-body {position: relative; width: 1250px; text-align:center; padding: 2rem 0 1.5rem; margin-left: 240px;}
.contact-slider {color: rgba(255,255,255,.97);	}
.contact-slider .swiper-slide {		position: relative;	padding: 0 30px;	width: auto;	}
.contact-slider .swiper-slide + .swiper-slide::before {content: ""; position: absolute;	top: 50%;	left: 0; height: 2rem;	margin-top: -1rem;	border-left: 0.1rem dotted #efefef;	}

.footer-contact .contact-next, 
.footer-contact .contact-prev {	display: none;		font-size: 1.0rem;		color: rgba(255,255,255,.34);		background: none;	width: auto;}
.footer-contact .contact-next::after, .footer-contact .contact-prev::after {	display: none;	}
.footer-contact .contact-next {		right: 0;	}
.footer-contact .contact-prev {		left: 0;	}
.contact-slider .contact-name {		letter-spacing:-1px; font-weight:300;	}
.contact-slider .contact-number {	font-weight: 700; color:#fff;	}


.scroll_top {position: fixed; bottom: 50px; right: 8%; display: block; cursor: pointer; width: 50px; height: 50px; z-index:3000;}
.scroll_top {position: fixed; bottom: -20px; opacity: 0; visibility: hidden; transition: 0.3s;}
.scroll_top.on { position: fixed; bottom: 50px; opacity: 1; visibility: visible; transition: 0.3s;} 

.pc_quick{position: fixed; top:0; bottom: 0; z-index:10001; margin: auto 0; left: 0; width: 80px; height: 500px; overflow: hidden; border: 1px solid #ddd; border-left: none; background-color: #fff; border-radius: 0 10px 10px 0;}
.pc_quick ul{width: 100%; height: 100%;}
.pc_quick ul li{height: 20%; width: 100%; border-bottom: 1px dotted #ddd; text-align: center; transition:0.3s;}
.pc_quick ul li a{display: flex; justify-content: center; align-items: center; flex-direction:column; width: 100%; height: 100%; }
.pc_quick ul li .icon{position:Relative; width: 20px; height: 19px;}
.pc_quick ul li .icon img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition:0.3s;}
.pc_quick ul li .icon img.on{opacity: 0;}
.pc_quick ul li  em{display: block; line-height: 1; font-size: 14px; color:#222; line-height: 20px; margin-top: 7px; transition:0.3s;}
/*.pc_quick ul li:hover{background-color: #179fa5;}*/
.pc_quick ul li:hover{}
.pc_quick ul li:hover img{opacity: 0;}
.pc_quick ul li:hover img.on{opacity: 1;}
.pc_quick ul li:hover em{color:#fff;}

.tab_quick{display: none;}



/* 배경ani */

@keyframes gradient {
    0% {background-position: 0% 50%;}
    50% {background-position: 100% 50%;}
    100% {background-position: 0% 50%;}
}

/*
.hotbox {
 background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);    background-size: 400% 400%;    animation: gradient 15s ease infinite; color:#fff; text-align:center;vertical-align:middle;
}*/

.hotbox {
 background: linear-gradient(-45deg, #ff8c2a, #ff5194, #fde942, #6ecd3f);    background-size: 400% 400%;    animation: gradient 15s ease infinite; color:#fff; text-align:center;vertical-align:middle;
}

/* ---------------side menu ---------------------- */

#sub_contents_wrap{padding-top: 70px;}
#sub_contents_wrap > .inner{display: flex; justify-content:space-between;}
.sub_menu{width: 280px; /*background:#999;*/border:1px solid #e7e7e7; border-radius:0 50px 0px 0px; box-shadow: 6px 6px 7.2px 7px rgba(161, 161, 161, 0.09);}
.sub_menu h2{padding: 45px 0px 40px 0px; border-bottom: 1px solid #e7e7e7; /* background:#ccc;*/ font-family: 'SBAggro'; font-size:28px; letter-spacing:-1px;  line-height: 1; font-weight: 700; color:#fff;  border-radius:0 50px 0px 0px;}
.sub_menu .lnb{margin-top: 0px;}
.sub_menu h3{ height: 70px; border-bottom: 1px solid #ddd;}
.sub_menu h3 a{position:Relative; display: block; padding: 0 20px; line-height: 70px; font-size: 20px; font-weight: 700; color:#222}
/*.sub_menu h3 a:after{content:''; position:absolute; right: 20px; top: 0; bottom: 0; margin: auto 0; width: 15px; height: 3px; background-color: #ddd;}*/
.sub_menu ul{display: none; background-color: #fcfcfc; padding-left: 20px; border-bottom: 1px solid #ddd;} /* f5f5f5 */
.sub_menu ul li{position:relative; margin-top: 17px;}
.sub_menu ul li:first-child{margin-top: 0; padding-top: 28px;}
.sub_menu ul li:last-child{padding-bottom: 28px;}
.sub_menu ul li a:before{content:''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 4px; height: 4px; background-color: #222; border-radius: 50%; }
.sub_menu ul li a{position:relative; display: block;  padding-left: 15px; font-size: 18px; color:#222; line-height: 1; }
.sub_menu h3.on{border: 0px solid #23c1bd; background:#3f3f41;color:#fff;}	/* 열었을때 테두리 */
/*.sub_menu h3.on a:after{background-color: #999;}*/
.sub_menu h3.on a:after{}
.sub_menu h3.on a{color:#fff;}
.sub_menu h3.active{border: 4px solid #999;}
.sub_menu h3.active a:after{background-color: #e73c7e;}
.sub_menu h3.active a{color:#000;}
.sub_menu ul li.on a{color:#000; font-weight:700;}
.sub_menu ul li.on a:before{background-color: #e73c7e;} /* dot color */

#sub_contents{width: 1065px; min-height: 500px; padding-bottom: 100px;}
.contop {position:relative; margin-bottom: 40px;}
.contop ul.location{position:absolute; display: flex; right: 0; bottom: 0; font-size: 0;}
.contop ul.location li{position:relative; font-size: 16px; color:#666; line-height: 1; margin-right: 22px;}
.contop ul.location li:after{content:''; position: absolute; right: -11px; top: 0; bottom: 0; margin: auto 0; width: 2px; height: 2px; background-color: #919191;}
.contop ul.location li:last-child{margin-right: 0;}
.contop ul.location li:last-child:after{display: none;}
.contop h3{font-size: 25px; color:#222; font-weight: 700; line-height: 1;}

.ready img{width:100%;}

.tbl_pc{display:table;}
.tbl_mob{display:none;}

/* sub top */
.subtop_subject  { padding-top: 0px; text-align: left; font-size:30px; color:#000; font-family: 'SBAggro'; border-bottom:1px solid #ccc; margin-bottom:30px;}
.subtop_point  { padding-top: 10px; text-align: left; color:#000; border-radius:0px 15px 80px 15px; padding: 40px; background:#f5f5f5; }

/*그림용 
h4 {position:relative; font-size:26px; font-weight: 700; color:#000; max-height:45px; line-height: 1; padding-left: 45px; background:url('/images/common/h4.png') left top no-repeat;} */
h4 {position:relative; font-size:26px; font-family: 'SBAggro'; font-weight: 300; color:#ff8c34; max-height:45px; line-height: 1; padding-bottom:10px;}
/*h4.sub_tit{position:relative; font-size:30px; font-weight: 700; color:#000; max-height:45px; line-height: 1; padding-left: 45px; background:url('/images/common/h4.png') left top no-repeat;}*/
/*h4.sub_tit:before{content:''; position: absolute; left: 0; top:2px; width: 3px; height: 21px; background-color: #179fa5;}*/

h5 {position:relative; font-size:22px; font-family: 'SBAggro'; font-weight: 300; color:#000; max-height:45px; line-height: 1; margin-top:35px; margin-bottom:10px;padding-top:5px; padding-left:30px; padding-bottom:10px; background:url('/images/common/h5.png') left top no-repeat;border-bottom:1px solid #efefef;}

.subbody_wrap {background:#fff; margin-top:50px; margin-bottom:50px; padding:0px 0 50px 0px; font-size:19px; color:#333; letter-spacing:-1px; }
.subbody_wrap p {margin-bottom:50px;}

.subbody_wrap ul.bar1 {position:relative; margin-bottom:50px; border:1px solid #ddd; padding:20px;}
.subbody_wrap ul.bar1 li{display:block; content:"\002E";}

.subbody_wrap ul.bar2 {position:relative; padding-left:0px;}
.subbody_wrap ul.bar2 li{display:block; width:100%; border:1px solid #ddd;padding:5px 20px;margin-bottom:7px;}

/* align */
.taL {text-align:left !important;}
.taC {text-align:center !important;}
.taR {text-align:right !important;}
.vaT {vertical-align:top !important;}
.vaM {vertical-align:middle !important;}
.vaB {vertical-align:bottom !important;}


/*********************************************
	Step flow
*********************************************/
.rcorners1 {
	display: inline-block;
	border-radius: 10px;
	background: #fff;
	padding: 15px 0px 0px 0px; 
	border-style:solid;
	border-width:4px;
	border-color: #d2d2d2;
	width: 180px;
	height: 100px;
  text-align: center;
 /* vertical-align:top;*/
 vertical-align: middle;
 font-size:1.2em;
 font-weight:bold;
 color:#202c83;
 margin-bottom:10px;
}

.stxt {font-size:16px; letter-spacing:-1px; color:#4d4d4d;}
.arrow1{font-size:20px;font-weight:bold;padding:0px;}

.time_green {display: inline-block;background:#3eb134;color:#fff;width:60px;text-align:center;}
.time_orange {display: inline-block;background:#ed6d00;color:#fff;width:60px;text-align:center;}

/****************************************************************
	List Style
****************************************************************/
/* List Ul */
.list-ul > li:before {background-image:url('/images/common/bul_ul_depth01.png'); padding-left:20px;}
.list-ul ul > li:before,
.list-ol ul > li:before {background-image:url(/images/common/bul_ul_depth02.png);}

/* List Ol */
.list-ol li > .num {color:#746662;}
.list-ol li li > .num {background:#f4f4f4; color:#444;}


/*********************************************
	Button
*********************************************/
.btn {color:#584E4B !important; background:#fff; border-color:#584E4B !important; margin:.1333em;}
.btn:hover {background-color:#584E4B !important;}

.btn.normal,
.btn.normal:hover {background-color:#584E4B !important; border-color:#584E4B !important; color:#fff !important;}
.btn.point 			{background-color:#E17726!important; border-color:#E17726 !important; color:#fff !important;}
.btn.del 		  {background-color:#fff !important; border-color:#FF4B40 !important; color:#FF4B40 !important;}
.btn.del:hover 	{background-color:#FF4B40 !important; color:#fff !important;}
.btn.cancel 		{background-color:#F9F9F9 !important; border-color:#E3E3E3 !important;}
.btn.cancel:hover {background-color:#E3E3E3 !important;}
.btn.disabled,
.btn[disabled],
.btn.disabled:hover,
.btn[disabled]:hover {background-color:#DFE0DF !important; border:0 !important;}
.btn.reset {background-color:#fff !important; border:1px solid #E3E3E3 !important; color:#666 !important;}
.btn.reset:hover {background-color:#fff !important; border:1px solid #E3E3E3 !important; color:#666 !important;}

.btn.icon {background-size:1.264em auto !important; background-repeat:no-repeat !important;}
.btn.icon.small {background-size:1.158em auto !important}

.btn.icon.write {background-image:url(/images/button/btn_write.svg) !important;}
.btn.icon.view {background-image:url(/images/button/btn_view.svg) !important;}
.btn.icon.blank {background-image:url(/images/button/btn_blank.svg) !important;}
.btn.icon.down {background-image:url(/images/button/btn_down.svg) !important;}
.btn.icon.link {background-image:url(/images/button/btn_link.svg) !important;}
.btn.icon.chk {background-image:url(/images/button/btn_chk.svg) !important;}
.btn.icon.pagebak {background-image:url(/images/button/btn_pagebak.svg) !important;}

.btn.icon.write:hover {background-image:url(/images/button/white/btn_write.svg) !important;}
.btn.icon.view:hover {background-image:url(/images/button/white/btn_view.svg) !important;}
.btn.icon.blank:hover {background-image:url(/images/button/white/btn_blank.svg) !important;}
.btn.icon.down:hover {background-image:url(/images/button/white/btn_down.svg) !important;}
.btn.icon.link:hover {background-image:url(/images/img/button/white/btn_link.svg) !important;}
.btn.icon.pagebak:hover {background-image:url(/images//button/white/btn_pagebak.svg) !important;}

.btn.icon.normal.write {background-image:url(/images/button/white/btn_write.svg) !important;}
.btn.icon.normal.view {background-image:url(/images/button/white/btn_view.svg) !important;}
.btn.icon.normal.blank {background-image:url(/images/button/white/btn_blank.svg) !important;}
.btn.icon.normal.down {background-image:url(/images/button/white/btn_down.svg) !important;}
.btn.icon.normal.link {background-image:url(/images/button/white/btn_link.svg) !important;}
.btn.icon.normal.value-view {background-image:url(/images/button/white/btn_value_view.svg) !important;}

.btn.icon.point.write {background-image:url(/images/button/white/btn_write.svg) !important;}
.btn.icon.point.view {background-image:url(/images/button/white/btn_view.svg) !important;}
.btn.icon.point.blank {background-image:url(/images/button/white/btn_blank.svg) !important;}
.btn.icon.point.down {background-image:url(/images/button/white/btn_down.svg) !important;}
.btn.icon.point.link {background-image:url(/images/button/white/btn_link.svg) !important;}

.btn.icon.del.write {background-image:url(/images/button/red/btn_write.svg) !important;}
.btn.icon.del.view {background-image:url(/images/button/red/btn_view.svg) !important;}
.btn.icon.del.blank {background-image:url(/images/button/red/btn_blank.svg) !important;}
.btn.icon.del.down {background-image:url(/images/button/red/btn_down.svg) !important;}
.btn.icon.del.link {background-image:url(/images/button/red/btn_link.svg) !important;}
.btn.icon.del.close {background-image:url(/images/button/red/btn_close.svg) !important;}

.btn.icon.del.write:hover {background-image:url(/images/button/white/btn_write.svg) !important;}
.btn.icon.del.view:hover {background-image:url(/images/button/white/btn_view.svg) !important;}
.btn.icon.del.blank:hover {background-image:url(/images/button/white/btn_blank.svg) !important;}
.btn.icon.del.down:hover {background-image:url(/images/button/white/btn_down.svg) !important;}
.btn.icon.del.link:hover {background-image:url(/images/button/white/btn_link.svg) !important;}
.btn.icon.del.close:hover {background-image:url(/images/button/white/btn_close.svg) !important;}

.btn.icon.cancel.write {background-image:url(/images/button/gray/btn_write.svg) !important;}
.btn.icon.cancel.view {background-image:url(/images/button/gray/btn_view.svg) !important;}
.btn.icon.cancel.blank {background-image:url(/images/button/gray/btn_blank.svg) !important;}
.btn.icon.cancel.down {background-image:url(/images/button/gray/btn_down.svg) !important;}
.btn.icon.cancel.link {background-image:url(/images/button/gray/btn_link.svg) !important;}

.btn.icon.disabled.write {background-image:url(/images/button/gray/btn_write.svg) !important;}
.btn.icon.disabled.view {background-image:url(/images/button/gray/btn_view.svg) !important;}
.btn.icon.disabled.blank {background-image:url(/images/button/gray/btn_blank.svg) !important;}
.btn.icon.disabled.down {background-image:url(/images/button/gray/btn_down.svg) !important;}
.btn.icon.disabled.link {background-image:url(/images/button/gray/btn_link.svg) !important;}

.box-down.horiz .ctrl .btn.icon		{border-right:0;}
.box-down.horiz .ctrl .btn.icon.down {background-image:url(/images/button/black/btn_down.svg) !important; background-size:1.264em auto !important;}
.box-down.horiz .ctrl .btn.icon.view {background-image:url(/images/button/black/btn_view.svg) !important; background-size:1.264em auto !important;}





/* mypage */
.mypage_wrap h4.sub_tit{margin-bottom:40px;}
.mypage_wrap ul.tabs{display:flex; flex-wrap:wrap; text-align:center; margin-bottom:80px;}
.mypage_wrap ul.tabs li{border:1px solid #ddd; width:calc(33.3% - 7px); height:50px; line-height:50px; margin-right:10px; border-radius:50px;}
.mypage_wrap ul.tabs li:last-child{margin-right:0;}
.mypage_wrap ul.tabs li a{display:block; width:100%; height:100%; font-weight:700;}
.mypage_wrap ul.tabs li a:hover{color:#179FA5;}

.mypage_wrap ul.tabs li.active{border:1px solid #179FA5; background:#179FA5;}
.mypage_wrap ul.tabs li.active a{color:#fff;}

.mypage_wrap div p{color:#666; background:#f5f5f5; height:400px; line-height:400px; font-size:20px; font-weight:700; text-align:center;}


/* panjoo - ul dot	global*/
.uldot ul {background:#ddd;}
.uldot ul li{position:relative; width:100%;}
.uldot ul li:after{position:absolute; display:block; width:10px; height:10px; background:url(/images/common/icon_uldot.png) no-repeat top center;}
.uldot ul li:last-child:after{display:none;}


/* sub0101 */
.sub0101_wrap .con01{padding-top: 10px; text-align: left; border-radius : 0 30px 100px 10px; padding: 20px; background:#f5f5f5;}

.sub0101_wrap .con01 em{position:relative; display: inline-block; padding: 40px 90px 30px; font-size: 30px; color:#000; line-height: 1; font-weight: 700;}
.sub0101_wrap .con01 em:before{content:''; position: absolute; left: 0; top: 0; width:45px; height: 38px; background: url(/images/sub/sub0101_icon01_pc.png)center no-repeat;}
.sub0101_wrap .con01 em:after{content:''; position: absolute; right: 0; top: 0; width:45px; height: 38px; background: url(/images/sub/sub0101_icon02_pc.png)center no-repeat;}
.sub0101_wrap .con01 p{position:Relative; font-size: 26px; color:#000; line-height: 40px; padding-top: 20px;}
.sub0101_wrap .con01 p span{position:relative; font-weight: 700; z-index: 10;}
.sub0101_wrap .con01 p:before{content:''; position: absolute; left: 50%; top: 0; width: 40px; height: 1px; background-color: #fff; transform: translateX(-50%)}
/* .sub0101_wrap .con01 p span:before{content:''; position: absolute; left: 0; width: 100%; height: 10px; bottom: -2px; z-index: -1; background-color: #179fa5; opacity: 0.5;} */
.sub0101_wrap .con02{position:relative; margin-top: 80px; padding: 40px 30px 30px; border: 1px solid #ddd;}
.sub0101_wrap .con02 p{text-align: center; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dashed #ccc;}
.sub0101_wrap .con02 b{color: #222;}
.sub0101_wrap .con02 em{position: absolute; display: block; width: 133px; left: 0; right: 0; margin: 0 auto; line-height: 1; font-size: 25px; color:#222; top: -13px; font-weight: 800; background-color: #fff;  text-align: center;}
.sub0101_wrap .con02 em:before{content:''; position: absolute; left: 0; width: 3px ;height: 21px; top: 0; bottom: 0; margin: auto 0; background-color: #179fa5;}
.sub0101_wrap .con02 em:after{content:''; position: absolute; right: 0; width: 3px ;height: 21px; top: 0; bottom: 0; margin: auto 0; background-color: #179fa5;}
.sub0101_wrap .con02 ul.dot01{background:#f5f5f5; padding:25px; border-radius:10px;}
.sub0101_wrap .con02 ul.dot01 li{position:relative; padding-left:24px; margin-bottom:10px;}
.sub0101_wrap .con02 ul.dot01 li:last-child{margin-bottom:0;}
.sub0101_wrap .con02 ul.dot01 li:before{position:absolute; width:4px; height:4px; border-radius:50%; display:block; background:#179FA5; content:""; left:0; top:8px;}
.sub0101_wrap .con02 p:first-child{margin-top: 0;}

.sub0101_wrap .con03 {margin-top: 70px;}
.sub0101_wrap .con03 > ul{margin-top: 40px; border-top: 2px solid #179fa5; padding-top: 30px; border-bottom: 1px solid #ddd; padding-bottom: 30px; padding-left:30px;}
.sub0101_wrap .con03 > ul > li{margin-bottom: 15px;}
.sub0101_wrap .con03 > ul > li:last-child{margin-bottom: 0px;}
.sub0101_wrap .con03 ul li span{color: #179fa5;  width: 200px; font-size: 16px; font-weight: 600; display: inline-block;} 
.sub0101_wrap .con03 li p.txt{float: left;}
.sub0101_wrap .con03 ul li span img{vertical-align: middle; margin-right: 10px;}
.sub0101_wrap .con03 ul li.clfix span{float: left;}
.sub0101_wrap .con03 ul li ul{float: left;}
.sub0101_wrap .con03 ul li ul.dot01 li{position:relative; padding-left:14px; margin-top:5px;}
.sub0101_wrap .con03 ul li ul.dot01 li:last-child{margin-bottom:0;}
.sub0101_wrap .con03 ul li ul.dot01 li:before{position:absolute; width:4px; height:4px; border-radius:50%; display:block; background:#179FA5; content:""; left:0; top:8px;}
.sub0101_wrap .con04 {margin-top: 70px;}
.sub0101_wrap .con04 ul{position: relative; display: flex; justify-content:space-between; margin-top: 40px; z-index: 10;}
.sub0101_wrap .con04 ul:after{content:''; position: absolute; left: 0; width: 100%; height:1px; border-bottom: 1px dashed #179fa5; top: 0; bottom: 0; margin: auto 0; z-index: -1;}
.sub0101_wrap .con04 ul li{display: flex; width: 250px; border-radius: 10px; background-color: #f8f8f8; height: 230px; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.sub0101_wrap .con04 ul li .icon{position:relative; width: 110px; height: 110px;}
.sub0101_wrap .con04 ul li .icon img{position:absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; }
.sub0101_wrap .con04 ul li em{display: block; line-height: 32px; color:#222; margin-top: 20px;}
.sub0101_wrap .con04 ul li p{font-weight: 800; color: #179fa5; font-size: 16px;}
.sub0101_wrap .con05 li em{color: #179fa5; font-weight: 700;  }
.sub0101_wrap .con05 li p{color: #179fa5; margin-top: 5px;}
.sub0101_wrap .con05 li p.txt{color: #222; margin-top: 5px;}
.sub0101_wrap .con05 li strong{display: inline-block; background: #888; color: #fff; padding: 0 5px; border-radius:3px ; font-size: 13px; margin-left: 5px;}
.sub0101_wrap .con05 li strong:first-child{margin-left: 0;}
.sub0101_wrap .con05 li b{border: 1px solid #179fa5; color: #179fa5; padding: 3px 5px; border-radius:3px ;}
.sub0101_wrap .con05 em.not{display: block; font-weight: 400;}
.sub0101_wrap .btn_wrap{text-align:center; margin-top:70px;}
.sub0101_wrap .btn_wrap a{display:inline-block; width:350px; height:60px; line-height:60px; background:#179fa5; color:#fff; border-radius:60px;}



.sub0101_wrap .con06{margin-top:70px;}
.sub0101_wrap .con06 span{font-weight:600; margin-top:40px; color:#222; display:block;}
.sub0101_wrap .con06 ul.bar01{margin:20px 0 40px;}
.sub0101_wrap .con06 .img_wrap{border:1px solid #ddd; padding:40px; text-align:center;}
.sub0101_wrap .con06 .img_wrap img{margin:0 auto;}

.sub0101_wrap .con07{margin:70px 0;}
.sub0101_wrap .con07 table{margin-top:40px;}
.sub0101_wrap .con07 table td.td_tit{border-right:1px solid #ddd;}
.sub0101_wrap .con07 table td{text-align:center; font-size:14px; color:#888; font-weight:400; padding:10px;}
.sub0101_wrap .con07 table td b{display:block; font-size:15px; color:#222; font-weight:600;}

.sub0101_wrap .con08 h4{margin-bottom:40px;}
.sub0101_wrap .con08 em{text-align:right; display:block; margin-bottom:5px;}
.sub0101_wrap .con08 table td{text-align:center;}

/* .sub0101_wrap .con01{padding-top: 10px; text-align: center; background: url('/images/sub/sub0101_banner.jpg') no-repeat;	 padding: 30px 0 40px 0;}
.sub0101_wrap .con01 em{position:relative; display: inline-block; padding: 40px 90px 30px; font-size: 30px; color:#fff; line-height: 1; font-weight: 700;}
.sub0101_wrap .con01 em:before{content:''; position: absolute; left: 0; top: 0; width:45px; height: 38px; background: url(/images/sub/sub0101_icon01_pc.png)center no-repeat;}
.sub0101_wrap .con01 em:after{content:''; position: absolute; right: 0; top: 0; width:45px; height: 38px; background: url(/images/sub/sub0101_icon02_pc.png)center no-repeat;}
.sub0101_wrap .con01 p{position:Relative; font-size: 20px; color:#fff; line-height: 40px; padding-top: 20px;}
.sub0101_wrap .con01 p span{position:relative; font-weight: 700; z-index: 10;}
.sub0101_wrap .con01 p:before{content:''; position: absolute; left: 50%; top: 0; width: 40px; height: 1px; background-color: #fff; transform: translateX(-50%)}
.sub0101_wrap .con01 p span:before{content:''; position: absolute; left: 0; width: 100%; height: 10px; bottom: -2px; z-index: -1; background-color: #179fa5; opacity: 0.5;}
.sub0101_wrap .con02{position:relative; margin-top: 80px; padding: 50px 40px 40px; border: 1px solid #ddd;}
.sub0101_wrap .con02 p{text-align: center; padding-bottom: 30px; margin-bottom: 40px; border-bottom: 1px dashed #ccc;}
.sub0101_wrap .con02 b{color: #222;}
.sub0101_wrap .con02 em{position: absolute; display: block; width: 133px; left: 0; right: 0; margin: 0 auto; line-height: 1; font-size: 25px; color:#222; top: -13px; font-weight: 500; background-color: #fff;  text-align: center;}
.sub0101_wrap .con02 em:before{content:''; position: absolute; left: 0; width: 3px ;height: 21px; top: 0; bottom: 0; margin: auto 0; background-color: #179fa5;}
.sub0101_wrap .con02 em:after{content:''; position: absolute; right: 0; width: 3px ;height: 21px; top: 0; bottom: 0; margin: auto 0; background-color: #179fa5;}
.sub0101_wrap .con02 ul.dot01{background:#f5f5f5; padding:30px; border-radius:10px;}
.sub0101_wrap .con02 ul.dot01 li{position:relative; padding-left:24px; margin-bottom:10px;}
.sub0101_wrap .con02 ul.dot01 li:last-child{margin-bottom:0;}
.sub0101_wrap .con02 ul.dot01 li:before{position:absolute; width:4px; height:4px; border-radius:50%; display:block; background:#179FA5; content:""; left:0; top:8px;}
.sub0101_wrap .con02 p:first-child{margin-top: 0;}
h4.sub_tit{position:relative; font-size:25px; font-weight: 700; color:#222; line-height: 1; padding-left: 23px;}
h4.sub_tit:before{content:''; position: absolute; left: 0; top:2px; width: 3px; height: 21px; background-color: #179fa5;}
.sub0101_wrap .con03 {margin-top: 70px;}
.sub0101_wrap .con03 ul{position: relative; display: flex; justify-content:space-between; margin-top: 40px; z-index: 10;}
.sub0101_wrap .con03 ul:after{content:''; position: absolute; left: 0; width: 100%; height:1px; border-bottom: 1px dashed #179fa5; top: 0; bottom: 0; margin: auto 0; z-index: -1;}
.sub0101_wrap .con03 ul li{display: flex; width: 330px; border-radius: 10px; background-color: #f8f8f8; height: 230px; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.sub0101_wrap .con03 ul li .icon{position:relative; width: 70px; height: 74px;}
.sub0101_wrap .con03 ul li .icon img{position:absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; }
.sub0101_wrap .con03 ul li em{display: block; line-height: 32px; color:#222; margin-top: 20px;}
.sub0101_wrap .con04_pc{display: block;}
.sub0101_wrap .con04_mob{display: none}
.sub0101_wrap .con04{margin-top: 70px;}
.sub0101_wrap .con04 table{width: 100%; table-layout: fixed; margin-top: 40px; border-top: 2px solid #179fa5;}
.sub0101_wrap .con04 table th{height: 60px; font-size: 16px; color:#222; font-weight: 700; background-color: #f8f8f8; border: 1px solid #ddd;}
.sub0101_wrap .con04 table th:first-child{border-left:none; }
.sub0101_wrap .con04 table th:last-child{border-right:none; }
.sub0101_wrap .con04 table td{font-size: 16px; color:#555; padding: 10px 5px; height: 60px; border: 1px solid #ddd; text-align: center; vertical-align: middle;}
.sub0101_wrap .con04 table td:first-child{border-left:none; }
.sub0101_wrap .con04 table td:last-child{border-right:none; }
.sub0101_wrap .con04 a{display: block; margin: 70px auto 0; width: 800px; border-radius: 35px; font-size: 0; background-color: #179fa5; text-align: center;}
.sub0101_wrap .con04 a span{position:Relative; display: inline-block; font-size: 16px; color:#fff; margin-right: 40px; line-height: 70px }
.sub0101_wrap .con04 a span:after{content:''; position: absolute; right: -21px; width: 1px; height: 10px; background-color: #fff; top:0; bottom: 0; margin: auto 0;}
.sub0101_wrap .con04 a span:last-child{margin-right: 0;}
.sub0101_wrap .con04 a span:last-child:after{display: none;}
.sub0101_wrap .con04 a span:first-child{padding-left: 50px; background: url(/images/sub/sub0101_icon06_pc.png)center left no-repeat;} */

/*sub0101_2*/
.sub0101_2 .con1{text-align: center;background: url(/images/sub/sub0101_2_img1.jpg) no-repeat; padding: 30px 0 40px 0;}
.sub0101_2 .con1 em{position: relative; display: inline-block;padding: 40px 90px 30px;font-size: 30px; color: #fff;line-height: 1; font-weight: 700;}
.sub0101_2 .con1 em:before{content: '';position: absolute;left: 0; top: 0;width: 45px; height: 38px;background: url(/images/sub/sub0101_icon01_pc.png)center no-repeat;}
.sub0101_2 .con1 em:after{content: ''; position: absolute;right: 0;top: 0;  width: 45px; height: 38px;background: url(/images/sub/sub0101_icon02_pc.png)center no-repeat;}
.sub0101_2 .con1 span{position: relative; font-weight: 700;  z-index: 10;font-size: 20px; color: #fff;  line-height: 40px; padding-top: 20px;}
/* .sub0101_2 .con1 span:before{    content: '';position: absolute; left: 0;width: 100%;height: 10px; bottom: -2px; z-index: -1; background-color: #179fa5; opacity: 0.5;} */
.sub0101_2 .con1 span:after{content: ''; position: absolute;left: 50%; top: 0; width: 40px; height: 1px;background-color: #fff;transform: translateX(-50%);}
.sub0101_2 .con2{position: relative;margin-top: 80px; padding: 40px 30px 30px; border: 1px solid #ddd;}
.sub0101_2 .con2 em{position: absolute; display:inline-block; width: 134px; left: 0; right: 0; margin: 0 auto; line-height: 1;font-size: 25px; color: #222; top: -13px; font-weight: 800; background-color: #fff; text-align: center;}
.sub0101_2 .con2 em:before{content: ''; position: absolute; left: 0;width: 3px; height: 20px;  top: 0; bottom: 0;  margin: auto 0; background-color: #179fa5;}
.sub0101_2 .con2 em:after{content: ''; position: absolute; right: 0;width: 3px; height: 20px;  top: 0; bottom: 0;  margin: auto 0; background-color: #179fa5;} 
.sub0101_2 .con2 p{text-align: center;}
.sub0101_2 .con2 p span{color: #222;font-weight:700;}
.sub0101_2 .con2_1 p{padding-bottom: 20px;margin-bottom: 30px;border-bottom: 1px dashed #ccc;}
.sub0101_2 .con2_1 ul{background: #f5f5f5; padding: 25px;border-radius: 10px;}
.sub0101_2 .con2_1 ul li{position: relative;padding-left: 14px; margin-bottom: 10px;}
.sub0101_2 .con2_1 ul li:last-child{margin-bottom:0;}
.sub0101_2 .con2_1 ul li:before{position: absolute; width: 4px;height: 4px;  border-radius: 50%;display: block; background: #179FA5;content: "";  left: 0;top: 8px;}
.sub0101_2 .con2_1 ul li span{font-weight:700;color:#179fa5}
.sub0101_2 .con2_2 em{width:460px;}
.sub0101_2 .con3{margin-top:70px;}
.sub0101_2 .con3 ul{display:flex;flex-wrap:wrap;margin-top: 40px;position:relative;}


.sub0101_2 .con3 ul:before{content: '';position: absolute; left: 0; width: 100%;height: 1px;border-bottom: 1px dashed #179fa5; top: 0; bottom: 0; margin: auto 0;z-index: -1;}
.sub0101_2 .con3 ul li{width:329px;margin-right:39px;background:#f5f5f5;border-radius:10px;   flex-wrap:wrap; display: flex;justify-content: center;padding:40px 0 ;text-align:center;}
.sub0101_2 .con3 ul li:last-child{margin-right:0;}
.sub0101_2 .con3 ul li .img_wrap{width:100%;}
.sub0101_2 .con3 ul li .img_wrap img{margin:0 auto;}
.sub0101_2 .con3 ul li p{margin-top:15px;color:#222222}
.sub0101_2 .con3 span{margin-top:15px;display:block;color:#f61515}
.sub0101_2 .con4{margin-top:70px;}
.sub0101_2 .con4 ul{margin-top: 40px;    border-top: 2px solid #179fa5; padding-top: 30px; border-bottom: 1px solid #ddd; padding-bottom: 30px;padding-left: 30px;}
.sub0101_2 .con4 ul li{display:flex;flex-wrap:wrap;width:100%;    align-content: center;margin-bottom:10px;}
.sub0101_2 .con4 ul li:last-child{margin-bottom:0px;}
.sub0101_2 .con4 ul li span{color: #179fa5;width: 200px;font-size: 16px;font-weight: 600;}
.sub0101_2 .con4 ul li span img{margin-right: 10px; vertical-align: middle;}

/* sub010103 */
.sub010103_wrap > div{margin-top: 80px;}
.sub010103_wrap > div:first-child{margin-top: 0;}
.sub010103_wrap h4.sub_tit{margin-bottom:40px;}

.sub010103_wrap .con01{padding-top: 10px; text-align: center; background: url('/images/sub/sub010103_banner.jpg') no-repeat;	 padding: 30px 0 40px 0;}

.sub010103_wrap .con02{padding: 0; border: none;}

/* sub010103 */
dl.list02 li{font-size:15px; padding:0; margin:0;}

.sub010103_wrap p{color:#222; font-weight:500; font-size:18px; margin-bottom:10px;}
.sub010103_wrap ul.dot02 li:before {top: 10px;}
.sub010103_wrap h6{font-size: 22px; font-weight: 700; color: #179FA5; margin-bottom: 30px;}
.sub010103_wrap .sub_tbl01 th{text-align:center; border-right:1px solid #ddd; font-size: 15px; padding: 10px !important;}
.sub010103_wrap .sub_tbl01 th:last-child{border-right:none;}
.sub010103_wrap .sub_tbl01 td{text-align:center; border-right:1px solid #ddd; font-size: 15px; padding: 10px !important;}
.sub010103_wrap .sub_tbl01 td:last-child{border-right:none;}

.sub010103_wrap .con02 .sub_tbl01 th{border-right:1px solid #ddd;}
.sub010103_wrap .con02 .sub_tbl01 td{border-right:1px solid #ddd; text-align: left;}
.sub010103_wrap .con02 .sub_tbl01 tr:nth-child(2) td{text-align:center;}
.sub010103_wrap .con02 .sub_tbl01 th:last-child{border-right:0px solid #ddd;}
.sub010103_wrap .con02 .sub_tbl01 td:last-child{border-right:0px solid #ddd;}
.sub010103_wrap .con02 .sub_tbl01 th span{display:block; font-weight:400; color:#179FA5;}
.sub010103_wrap .con02 .sub_tbl01 td strong{display:block; font-weight:500; color:#179FA5;}
.sub010103_wrap .con02 .sub_tbl01 td b{font-weight:500;}
.sub010103_wrap .con02 .sub_tbl01 tr:nth-child(1) td strong{margin-bottom:10px;}

.sub010103_wrap .con03 .sub_tbl01 td{text-align:center;}

.sub010103_wrap .con05 > div{margin-bottom:70px;}
.sub010103_wrap .con05 > div:last-child{margin-bottom:0;}
.sub010103_wrap .con05 h5{position:relative; font-size:20px; color:#222; padding-left:15px; margin:30px 0 20px;}
.sub010103_wrap .con05 h5::before{position:absolute; content:''; width:3px; height:20px; background:#179fa5; left:0; top:6px;}

.sub010103_wrap .con05 ul.dot02{padding:20px 30px; background:#f8f8f8; border-radius:10px;}
.sub010103_wrap .con05 ul.list_wrap{display:flex; flex-wrap:wrap; gap:0 40px; margin-top:20px;}
.sub010103_wrap .con05 ul.list_wrap li{width:calc(50% - 20px); border:1px solid #ddd; padding:30px;}
.sub010103_wrap .con05 ul.list_wrap li .img_wrap{display:flex; flex-wrap:wrap; gap:0 10px;}
.sub010103_wrap .con05 ul.list_wrap li .img_wrap img{width:calc(50% - 5px);}
.sub010103_wrap .con05 ul.list_wrap li p{margin:20px 0 0; padding:20px 0 0; text-align:center; border-top:1px dashed #ddd; font-size:16px; color:#555;}
.sub010103_wrap .con05 .box01 p{color:#222;margin-top:5px; font-size:15px;}
.sub010103_wrap .con05 .box01 .sub_tbl01{margin-top:20px;}
.sub010103_wrap .con05 .box02 p{color:#222; font-size:15px; margin-bottom:5px;}
.sub010103_wrap .con05 .box03 p.txt_box{border:1px solid #ddd; padding:20px 30px; font-size:16px; font-weight:400;}
.sub010103_wrap .map_wrap .img_wrap img{margin:50px auto; display:flex; align-items:center; width:70%;}
.sub010103_wrap .map_wrap .txt_wrap{display:flex; flex-wrap:wrap; gap:40px;}
.sub010103_wrap .map_wrap .txt_wrap .txt_box{width:calc(50% - 20px);}
.sub010103_wrap .map_wrap .txt_wrap .txt_box .txt_top{display:flex; flex-wrap:wrap; gap:0 20px; align-items:center; height:110px;}
.sub010103_wrap .map_wrap .txt_wrap .txt_box .txt_top div{background:#15a637; border-radius:50%; width:80px; height:80px; display:flex; align-items:center; justify-content:center;}
.sub010103_wrap .map_wrap .txt_wrap .txt_box .txt_top p{width:calc(50% - 60px); font-size:16px; color:#555;}
.sub010103_wrap .map_wrap .txt_wrap .txt_box .txt_top p:first-child{text-align:right;}
.sub010103_wrap .map_wrap .txt_wrap .txt_box .txt_top p strong{font-size:20px; font-weight:600; display:block; color:#222;}
.sub010103_wrap .map_wrap .txt_wrap .txt_box .txt_bot{width:100%; margin-top:20px;}
.sub010103_wrap .map_wrap .txt_wrap .txt_box .txt_bot th{color:#fff; background:#15a637; padding:10px; border:1px solid #15a637;}
.sub010103_wrap .map_wrap .txt_wrap .txt_box .txt_bot td{border:1px solid #15a637; padding:20px 30px; background:#f0fff4;}
.sub010103_wrap .map_wrap .txt_wrap .txt_box .txt_bot td ul{display:flex; flex-wrap:wrap; gap:5px 0;}
.sub010103_wrap .map_wrap .txt_wrap .txt_box .txt_bot td ul li{width:33.33%; font-size:15px;}

.sub010103_wrap .map_wrap .txt_wrap .txt_box .txt_bot th{color:#fff; background:#15a637; padding:10px; border:1px solid #15a637;}
.sub010103_wrap .map_wrap .txt_wrap .txt_box .txt_bot td{border:1px solid #15a637; padding:20px 30px; background:#f0fff4;}

.sub010103_wrap .map_wrap .txt_wrap .txt_box .txt_bot02 th{color:#fff; background:#0b5fa7; border:1px solid #0b5fa7;}
.sub010103_wrap .map_wrap .txt_wrap .txt_box .txt_bot02 td{border:1px solid #0b5fa7; background:#f2f9ff;}

.sub010103_wrap .map_wrap .txt_wrap .txt_box .txt_bot03 th{color:#fff; background:#ffd800; border:1px solid #ffd800;}
.sub010103_wrap .map_wrap .txt_wrap .txt_box .txt_bot03 td{border:1px solid #ffd800; background:#fffae1; height:152px;}


.sub010103_wrap .map_wrap .txt_wrap .txt_box .txt_bot04 th{color:#fff; background:#ff8433; border:1px solid #ff8433;}
.sub010103_wrap .map_wrap .txt_wrap .txt_box .txt_bot04 td{border:1px solid #ff8433; background:#ffefe4;}

/* sub010103
.sub010103_wrap .con02 ul.box_wrap{position:relative; background:#f5f5f5; border-radius:10px; padding:20px; }
.sub010103_wrap .con02 ul.box_wrap:before{width:calc(100% - 60px); height:1px; position:absolute; display:block; border-bottom:1px dashed #179FA5; content:""; top:47%;}
.sub010103_wrap .con02 ul.box_wrap:after{width:1px; height:calc(100% - 60px); position:absolute; display:block; border-right:1px dashed #179FA5; content:""; left:49%; z-index:10; top:30px;}
.sub010103_wrap .con02 ul.box_wrap li{display:inline-block; width:49.8%; padding:20px 20px 30px 15px; box-sizing:border-box; vertical-align:top;}
.sub010103_wrap .con02 ul.box_wrap li:nth-last-child(-n+2){display:inline-block; width:49.8%; padding:30px 20px 20px 15px; box-sizing:border-box; vertical-align:top;}
.sub010103_wrap .con02 ul.box_wrap li strong{font-size:18px; color:#037c81; margin-bottom:20px; display:block;}

.sub010103_wrap .con03 ul.dot02 li:before{top:9px;}

.sub010103_wrap .con04 > span.dot03{font-size:18px;}
.sub010103_wrap .con04 .box_wrap02{border:1px solid #ddd; border-top:2px solid #179FA5; padding:30px;}
.sub010103_wrap .con04 .box_wrap02 .tit_wrap{text-align:center; border-bottom:1px dashed #ccc; padding-bottom:30px; margin-bottom:30px;}
.sub010103_wrap .con04 .tit_wrap strong{font-size:30px; color:#555; display:block; margin-bottom:10px;}
.sub010103_wrap .con04 .tit_wrap strong em{font-weight:800;}
.sub010103_wrap .con04 .tit_wrap strong em.color01{color:#ff0000;}
.sub010103_wrap .con04 .tit_wrap strong em.color02{color:#ff8433;}
.sub010103_wrap .con04 .tit_wrap strong em.color03{color:#15a637;}
.sub010103_wrap .con04 .tit_wrap strong em.color04{color:#0b5fa7;}
.sub010103_wrap .con04 .tit_wrap strong em.color05{color:#9826bd;}
.sub010103_wrap .con04 .tit_wrap span{font-size:17px; font-weight:700;  }
.sub010103_wrap .con04 .tit_wrap span b{color:#179FA5;}

.sub010103_wrap .con04 .color_wrap{display:block; margin-top: 30px;}
.sub010103_wrap .con04 .color_wrap:after{display:none;}
.sub010103_wrap .con04 .color_wrap li{display:block; float:none; width:100%; height:auto; background:none; margin-bottom:30px; text-align:left;}
.sub010103_wrap .con04 .color_wrap li:last-child{margin-bottom:0;}
.sub010103_wrap .con04 .color_wrap li strong{display:inline-block; vertical-align:middle; width:120px; text-align:center; border-bottom:5px solid #ff0000; margin-right:30px;}
.sub010103_wrap .con04 .color_wrap li strong b{color:#ff0000; font-size:20px; font-weight:800;}
.sub010103_wrap .con04 .color_wrap li strong.color02{border-bottom:5px solid #ff8433;}
.sub010103_wrap .con04 .color_wrap li strong.color02 b{color:#ff8433;}
.sub010103_wrap .con04 .color_wrap li strong.color03{border-bottom:5px solid #15a637;}
.sub010103_wrap .con04 .color_wrap li strong.color03 b{color:#15a637;}
.sub010103_wrap .con04 .color_wrap li strong.color04{border-bottom:5px solid #0b5fa7;}
.sub010103_wrap .con04 .color_wrap li strong.color04 b{color:#0b5fa7;}
.sub010103_wrap .con04 .color_wrap li strong.color05{border-bottom:5px solid #9826bd;}
.sub010103_wrap .con04 .color_wrap li strong.color05 b{color:#9826bd;}
.sub010103_wrap .con04 .color_wrap li p{display:inline-block; vertical-align:middle; width:calc(100% - 155px);}
.sub010103_wrap .con04 .color_wrap li p em{font-size:17px; font-weight:700; color:#222; margin-top: 0;}
.sub010103_wrap .con04 .color_wrap li p span{font-size:16px; font-weight:400; color:#555;}

span.dot03{display:block; position:relative; padding-left:14px; margin-bottom:10px;}
span.dot03:last-child{margin-bottom:0;}
span.dot03:before{position:absolute; width:4px; height:4px; border-radius:50%; display:block; background:#179FA5; content:""; left:0; top:9px;}
*/
/* sub0101_4 */
.sub0101_4_wrap .con01{padding-top: 10px; text-align: center; background: url('/images/sub/sub0101_4_banner.jpg') no-repeat;	 padding: 30px 0 40px 0;}
.sub0101_4_wrap .con02 p{text-align: center; padding-bottom: 0; margin-bottom: 0; border-bottom:none;}
.sub0101_4_wrap .con02 em{position: absolute; display: block; width: 200px; left: 0; right: 0; margin: 0 auto; line-height: 1; font-size: 25px; color:#222; top: -13px; font-weight: 800; background-color: #fff;  text-align: center;}
.sub0101_4_wrap .con04 a{display: block; margin: 70px auto 0; width: 800px; border-radius: 35px; font-size: 0; background-color: #179fa5; text-align: center;}
.sub0101_4_wrap .con04 a span{position:Relative; display: inline-block; font-size: 16px; color:#fff; margin-right: 40px; line-height: 70px }
.sub0101_4_wrap .con04 a span:first-child{padding-left: 50px; background: url(/images/sub/sub0303_icon.png)center left no-repeat;}

/* sub0102 */
.sub0102_wrap .con01{padding-top: 10px; text-align: center; background: url('/images/sub/sub0102_banner.jpg') no-repeat;	 padding: 30px 0 40px 0;}
.sub0102_wrap .con01 em{position:relative; display: inline-block; padding: 40px 90px 30px; font-size: 30px; color:#fff; line-height: 1; font-weight: 700;}
.sub0102_wrap .con01 em:before{content:''; position: absolute; left: 0; top: 0; width:45px; height: 38px; background: url(/images/sub/sub0101_icon01_pc.png)center no-repeat;}
.sub0102_wrap .con01 em:after{content:''; position: absolute; right: 0; top: 0; width:45px; height: 38px; background: url(/images/sub/sub0101_icon02_pc.png)center no-repeat;}
.sub0102_wrap .con01 p{position:Relative; font-size: 20px; color:#fff; line-height: 40px; padding-top: 20px;}
.sub0102_wrap .con01 p span{position:relative; font-weight: 700; z-index: 10;}
.sub0102_wrap .con01 p:before{content:''; position: absolute; left: 50%; top: 0; width: 40px; height: 1px; background-color: #fff; transform: translateX(-50%)}
/* .sub0102_wrap .con01 p span:before{content:''; position: absolute; left: 0; width: 100%; height: 10px; bottom: -2px; z-index: -1; background-color: #179fa5; opacity: 0.5;} */
.sub0102_wrap .con01 span i{font-family:'Noto Sans KR' ; font-style: normal;}

.sub0102_wrap .con02{position:relative; margin-top: 80px; padding: 50px 40px 40px; border: 1px solid #ddd;}
.sub0102_wrap .con02 p{text-align: center; padding-bottom: 30px; margin-bottom: 40px; border-bottom: 1px dashed #ccc;}
.sub0102_wrap .con02 b{color: #222;}
.sub0102_wrap .con02 em{position: absolute; display: block; width: 150px; left: 0; right: 0; margin: 0 auto; line-height: 1; font-size: 25px; color:#222; top: -13px; font-weight: 800; background-color: #fff;  text-align: center;}
.sub0102_wrap .con02 em:before{content:''; position: absolute; left: 0; width: 3px ;height: 21px; top: 0; bottom: 0; margin: auto 0; background-color: #179fa5;}
.sub0102_wrap .con02 em:after{content:''; position: absolute; right: 0; width: 3px ;height: 21px; top: 0; bottom: 0; margin: auto 0; background-color: #179fa5;}
.sub0102_wrap .con02 ul.dot01{background:#f5f5f5; padding:30px; border-radius:10px;}
.sub0102_wrap .con02 ul.dot01> li{position:relative; padding-left:24px; margin-bottom:10px;}
.sub0102_wrap .con02 ul.dot01 > li:last-child{margin-bottom:0;}
.sub0102_wrap .con02 ul.dot01 > li:before{position:absolute; width:4px; height:4px; border-radius:50%; display:block; background:#179FA5; content:""; left:0; top:8px;}
.sub0102_wrap .con02 ul span{color: #179fa5;}
.sub0102_wrap .con02 p:first-child{margin-top: 0;}

.sub0102_wrap .con03 {margin-top: 70px;}
.sub0102_wrap .con03 > ul{margin-top: 40px; border-top: 2px solid #179fa5; padding-top: 30px; border-bottom: 1px solid #ddd; padding-bottom: 30px; padding-left:30px;}
.sub0102_wrap .con03 > ul > li{margin-bottom: 15px;}
.sub0102_wrap .con03 > ul > li:last-child{margin-bottom: 0px;}
.sub0102_wrap .con03 ul li span{color: #179fa5;  width: 200px; font-size: 16px; font-weight: 600; display: inline-block;} 
.sub0102_wrap .con03 li p.txt{float: left;}
.sub0102_wrap .con03 ul li span img{vertical-align: middle; margin-right: 10px;}
.sub0102_wrap .con03 ul li.clfix span{float: left;}
.sub0102_wrap .con03 ul li ul{float: left;}
.sub0102_wrap .con03 ul li ul.dot01 li{position:relative; padding-left:14px; margin-top:5px;}
.sub0102_wrap .con03 ul li ul.dot01 li:last-child{margin-bottom:0;}
.sub0102_wrap .con03 ul li ul.dot01 li:before{position:absolute; width:4px; height:4px; border-radius:50%; display:block; background:#179FA5; content:""; left:0; top:8px;}

.sub0102_wrap .con04{margin-top: 70px;}
.sub0102_wrap .con04 .box{margin-bottom: 20px;}
.sub0102_wrap .con04 .img{float: left; width: 50%;}	
.sub0102_wrap .con04 .txt{float: left; padding-left: 40px; padding-top: 80px; width: 50%; word-break:keep-all}	
.sub0102_wrap .con04 .txt h6{font-size: 18px; font-weight: 700; color: #179FA5; margin-bottom: 10px;}
.sub0102_wrap .con04 .txt p{color: #555;}
.sub0102_wrap .con04 .txt em{font-weight: 900; color: #ddd; font-size: 30px; text-align: right; display: block; margin-top: 30px;}
.sub0102_wrap .con04 .box:nth-child(2n) .img{float: right;}	
.sub0102_wrap .con04 .box:nth-child(2n) .txt{float: right; padding-left: 00px; padding-right: 40px; padding-top: 80px;}	

.sub0102_wrap .con05{margin-top: 70px;}
.sub0102_wrap .con05 h4{margin-bottom: 40px;}
.sub0102_wrap .con05 ul li{position:relative; display:table; width:100%; border:1px solid #ddd; margin-bottom:20px; border-radius:10px; }
.sub0102_wrap .con05 ul li:after{position:absolute; display:block; width:10px; height:8px; background:url(../images/sub/li_arrow.png) no-repeat top center; content:""; bottom:-16px; left:50%; transform:translateX(-50%);}
.sub0102_wrap .con05 ul li:last-child:after{display:none;}
.sub0102_wrap .con05 ul li strong{display:table-cell; width:250px; background:#179fa5; text-align:center; color:#fff; border-radius:9px; vertical-align:middle;}
.sub0102_wrap .con05 ul li p{display:table-cell; vertical-align:middle; padding:15px;} 

.sub0102_wrap .con06 a {display: block;margin: 70px auto 0;width: 800px;border-radius: 35px;font-size: 0;background-color: #179fa5;text-align: center;}
.sub0102_wrap .con06 a span {position: Relative;display: inline-block;font-size: 16px;color: #fff;margin: 0 40px 0 0;line-height: 70px;}

/* sub010202 */
.sub010202_wrap > div{margin-top:80px;}
.sub010202_wrap > div:first-child{margin-top:0;}
.sub010202_wrap > div h4.sub_tit{margin-bottom:40px;}

.sub010202_wrap .con01{padding-top: 10px; text-align: center; background: url('/images/sub/sub010202_banner.jpg') no-repeat;	 padding: 30px 0 40px 0;}
.sub010202_wrap .con02 ul li span{display:block; color:#179fa5;}

.sub010202_wrap .con04 ul:after{border-bottom: 1px dashed #ccc;}
.sub010202_wrap .con04 ul li{position:relative; width:calc(25% - 30px); background:#3891C5; padding:10px; height: 180px;}
.sub010202_wrap .con04 ul li:after{position:absolute; width:calc(100% - 20px); height:160px; background:none; border:1px solid rgba(255,255,255,0.6); border-radius:5px; display:block; content:""; top:10px; left:10px; }
.sub010202_wrap .con04 ul li:nth-child(2){background:#989a9d;}
.sub010202_wrap .con04 ul li:nth-child(3){background:#179fa5;}
.sub010202_wrap .con04 ul li .tit_wrap{position:relative; padding-bottom:30px;}
.sub010202_wrap .con04 ul li .tit_wrap:after{position:absolute; display:block; width:30px; height:2px; background:#fff; content:""; left:50%; transform:translateX(-50%); bottom:15px;}
.sub010202_wrap .con04 ul li .tit_wrap em{font-size:15px; color:#fff; margin-top:0;}
.sub010202_wrap .con04 ul li .tit_wrap strong{font-size:20px; color:#fff; font-weight:500;}
.sub010202_wrap .con04 ul li .txt_wrap p{font-size:16px; color:#fff; font-weight:400; z-index:10;}
.sub010202_wrap .con04 ul li .txt_wrap p b{display:block;color:#fff; font-weight:700;}

.sub010202_wrap .new_con06 .img_wrap{text-align:center; border:1px solid #ddd; padding:40px; margin-bottom:70px;}
.sub010202_wrap .new_con06 .img_wrap img{width:50%;}
.sub010202_wrap .new_con06 .con02{position:relative; margin-top: 80px; padding: 50px 40px 40px; border: 1px solid #ddd;}
.sub010202_wrap .new_con06 .con02 em{position: absolute; display: block; width: 200px; left: 0; right: 0; margin: 0 auto; line-height: 1; font-size: 25px; color:#222; top: -13px; font-weight: 800; background-color: #fff;  text-align: center;}
.sub010202_wrap .new_con06 .con02 p{text-align: center; padding-bottom: 30px; margin-bottom: 40px; border-bottom: 1px dashed #ccc;}
.sub010202_wrap .new_con06 .con02 b{color: #222;}
.sub010202_wrap .new_con06 .con02 span{display:inline-block; width:160px; color:#fff;}
.sub010202_wrap .new_con06 .con02 p:first-child{margin-top: 0;}

/* sub0102_3 */
.sub0102_3_wrap .con01{padding-top: 10px; text-align: center; background: url('/images/sub/sub0102_3_banner.jpg') no-repeat; padding: 50px 0 40px 0;}
.sub0102_3_wrap .con04 ul li{display: flex; width: 48%; border-radius: 10px; background-color: #f8f8f8; height: 299px; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 0 5px;}
.sub0102_3_wrap .con04 ul li p {margin-top: 20px;}
.sub0102_3_wrap .con04 ul li em{display: block; line-height: 30px; font-size: 16px; margin-top: 10px; color:#222; width: 80%; word-break: keep-all;}


/* sub0102_5 */
.sub0102_5_wrap .con01{padding-top: 10px; text-align: center; background: url('/images/sub/sub0102_5_banner.jpg') no-repeat; padding: 50px 0 40px 0;}
.sub0102_5_wrap .con01 em{position:relative; display: inline-block; padding: 40px 90px 30px; font-size: 30px; color:#fff; line-height: 1; font-weight: 700;}
.sub0102_5_wrap .con01 em:before{content:''; position: absolute; left: 0; top: 0; width:45px; height: 38px; background: url(/images/sub/sub0101_icon01_pc.png)center no-repeat;}
.sub0102_5_wrap .con01 em:after{content:''; position: absolute; right: 0; top: 0; width:45px; height: 38px; background: url(/images/sub/sub0101_icon02_pc.png)center no-repeat;}
.sub0102_5_wrap .con01 p{position:Relative; font-size: 20px; color:#fff; line-height: 40px; padding-top: 20px;}
.sub0102_5_wrap .con01 p span{position:relative; font-weight: 700; z-index: 10;}
.sub0102_5_wrap .con01 p:before{content:''; position: absolute; left: 50%; top: 0; width: 40px; height: 1px; background-color: #fff; transform: translateX(-50%)}
/* .sub0102_5_wrap .con01 p span:before{content:''; position: absolute; left: 0; width: 100%; height: 10px; bottom: -2px; z-index: -1; background-color: #179fa5; opacity: 0.5;} */
.sub0102_5_wrap .con02{position:relative; margin-top: 80px; padding: 50px 40px 40px; border: 1px solid #ddd;}
.sub0102_5_wrap .con02 p{text-align: center; padding-bottom: 30px; margin-bottom: 40px; border-bottom: 1px dashed #ccc;}
.sub0102_5_wrap .con02 b{color: #222;}
.sub0102_5_wrap .con02 em{position: absolute; display: block; width: 133px; left: 0; right: 0; margin: 0 auto; line-height: 1; font-size: 25px; color:#222; top: -13px; font-weight: 800; background-color: #fff;  text-align: center;}
.sub0102_5_wrap .con02 em:before{content:''; position: absolute; left: 0; width: 3px ;height: 21px; top: 0; bottom: 0; margin: auto 0; background-color: #179fa5;}
.sub0102_5_wrap .con02 em:after{content:''; position: absolute; right: 0; width: 3px ;height: 21px; top: 0; bottom: 0; margin: auto 0; background-color: #179fa5;}
.sub0102_5_wrap .con02 p:first-child{margin-top: 0;}
.sub0102_5_wrap .con03 {margin-top: 50px;}

.sub0102_5_wrap ul.dot03 li {background-color: #f8f8f8; color: #222; font-size: 16px; font-weight: 500; padding: 10px 20px; border-radius: 30px;  }
.sub0102_5_wrap ul.dot03 li + li {margin-top: 10px;}
.sub0102_5_wrap ul.dot03 li span{display: inline-block; background-color: #179fa5; color: #fff; width:140px; height: 39px; border-radius: 19.5px; text-align: center; line-height: 38px; margin-right: 20px;}

/* sub0102_6 */
.sub0102_6_wrap .con01{padding-top: 10px; text-align: center; background: url('/images/sub/sub0102_6_banner.jpg') no-repeat; padding: 50px 0 40px 0;}
.sub0102_6_wrap .con01 em{position:relative; display: inline-block; padding: 40px 90px 30px; font-size: 30px; color:#fff; line-height: 1; font-weight: 700;}
.sub0102_6_wrap .con01 em:before{content:''; position: absolute; left: 0; top: 0; width:45px; height: 38px; background: url(/images/sub/sub0101_icon01_pc.png)center no-repeat;}
.sub0102_6_wrap .con01 em:after{content:''; position: absolute; right: 0; top: 0; width:45px; height: 38px; background: url(/images/sub/sub0101_icon02_pc.png)center no-repeat;}
.sub0102_6_wrap .con01 p{position:Relative; font-size: 20px; color:#fff; line-height: 40px; padding-top: 20px;}
.sub0102_6_wrap .con01 p span{position:relative; font-weight: 700; z-index: 10;}
.sub0102_6_wrap .con01 p:before{content:''; position: absolute; left: 50%; top: 0; width: 40px; height: 1px; background-color: #fff; transform: translateX(-50%)}
/* .sub0102_6_wrap .con01 p span:before{content:''; position: absolute; left: 0; width: 100%; height: 10px; bottom: -2px; z-index: -1; background-color: #179fa5; opacity: 0.5;} */
.sub0102_6_wrap .con02{position:relative; margin-top: 80px; padding: 50px 40px 40px; border: 1px solid #ddd;}
.sub0102_6_wrap .con02 p{text-align: center; padding-bottom: 30px; margin-bottom: 40px; border-bottom: 1px dashed #ccc;}
.sub0102_6_wrap .con02 b{color: #222;}
.sub0102_6_wrap .con02 em{position: absolute; display: block; width: 133px; left: 0; right: 0; margin: 0 auto; line-height: 1; font-size: 25px; color:#222; top: -13px; font-weight: 800; background-color: #fff;  text-align: center;}
.sub0102_6_wrap .con02 em:before{content:''; position: absolute; left: 0; width: 3px ;height: 21px; top: 0; bottom: 0; margin: auto 0; background-color: #179fa5;}
.sub0102_6_wrap .con02 em:after{content:''; position: absolute; right: 0; width: 3px ;height: 21px; top: 0; bottom: 0; margin: auto 0; background-color: #179fa5;}
.sub0102_6_wrap .con02 p:first-child{margin-top: 0;}
.sub0102_6_wrap .con03 {margin-top: 50px;}

.sub0102_6_wrap > div{margin-bottom: 70px;}
.sub0102_6_wrap > div:last-child{margin-bottom: 0px;}
.sub0102_6_wrap h4.sub_tit{margin-bottom: 40px; margin-top: 40px;}
.sub0102_6_wrap table{text-align: center;}
.sub0102_6_wrap table.sub_tbl01 tr th{padding: 8px; font-size: 14px;}
.sub0102_6_wrap table.sub_tbl01 tr td{padding: 8px; font-size: 14px;}

.sub0102_6_wrap .sec02 .box_wrap{display: flex;}
.sub0102_6_wrap .sec02 .box_wrap table{width: 750px;}
.sub0102_6_wrap .sec02 .box_wrap .img{width: calc(100% - 770px);}
.sub0102_6_wrap .sec02 .box_wrap .img img{width: 100%;}

.sub0102_6_wrap .box_wrap{display: flex; gap:20px; flex-wrap:wrap;} 
.sub0102_6_wrap .box_wrap .box{border: 1px solid #ddd; width:calc((100% - 40px)/3); padding: 15px;}
.sub0102_6_wrap .box_wrap .box .img{text-align: center; margin-bottom: 15px; padding-bottom: 20px; border-bottom: 1px dashed #ddd;}
.sub0102_6_wrap .box_wrap .box .img img{width: 100%;}
.sub0102_6_wrap .box_wrap .box strong{color: #222;}
.sub0102_6_wrap .box_wrap .box ul.dot04 li{margin-bottom: 0; font-size: 15px; padding-left: 14px;}

.sub0102_6_wrap .sec05 .box_wrap{display:flex;justify-content:space-between;}
.sub0102_6_wrap .sec05 .box_wrap table{width:32%;}
.sub0102_6_wrap .sec05 .box_wrap .img_wrap{display:flex; flex-wrap:wrap; width:60%; border:1px solid #ddd;}
.sub0102_6_wrap .sec05 .box_wrap .img_wrap img{width:50%;}
.sub0102_6_wrap .sec05 .txt{text-align:left;}
.sub0102_6_wrap .sec05 .txt ul{margin-top:15px;}
/* sub0103 */
table.tbl02{width: 100%; table-layout: fixed; margin-top: 40px; border-top: 1px solid #179fa5; margin-top: 10px;}
table.tbl02 th{height: 50px; font-size: 16px; color:#222; font-weight: 700; background-color: #f8f8f8; border: 1px solid #ddd; text-align: center; border-top: 0;}
table.tbl02 th:first-child{border-left:none; }
table.tbl02 th:last-child{border-right:none; }
table.tbl02 td{font-size: 16px; color:#555; padding: 10px 5px; height: 50px; border: 1px solid #ddd; text-align: center; vertical-align: middle; word-break:keep-all;}
table.tbl02 td:first-child{border-left:none; }
table.tbl02 td:last-child{border-right:none; }

.sub010103_wrap span.add_txt{font-size: 15px; color: #179FA5; display: block; margin-top: 5px;}

.sub0103_3_wrap .con05 .dot01 li{width:100%; word-break:keep-all;}
.sub0103_3_wrap .con01{padding-top: 10px; text-align: center; background: url('/images/sub/sub010303_banner.jpg') no-repeat; padding: 50px 0 40px 0;}
.sub0103_1_wrap .con01{padding-top: 10px; text-align: center; background: url('/images/sub/sub010301_banner.jpg') no-repeat; padding: 50px 0 40px 0;}
.sub0103_2_wrap .con01{padding-top: 10px; text-align: center; background: url('/images/sub/sub010302_banner.jpg') no-repeat; padding: 50px 0 40px 0;}

.sub0103_3_wrap .con01 em{position:relative; display: inline-block; padding: 40px 90px 30px; font-size: 30px; color:#fff; line-height: 1; font-weight: 700;}
.sub0103_3_wrap .con01 em:before{content:''; position: absolute; left: 0; top: 0; width:45px; height: 38px; background: url(/images/sub/sub0101_icon01_pc.png)center no-repeat;}
.sub0103_3_wrap .con01 em:after{content:''; position: absolute; right: 0; top: 0; width:45px; height: 38px; background: url(/images/sub/sub0101_icon02_pc.png)center no-repeat;}

.sub0103_3_wrap .con03_1 ul li{display:inline-block; width:33%; vertical-align:top; margin-bottom:0;}
.sub0103_3_wrap .con03_1 ul li span{float:none !important; display:inline-block; width: 150px; vertical-align:middle;}
.sub0103_3_wrap .con03_1 ul li p{float:none !important; display:inline-block; vertical-align:middle;}
.sub0103_new_wrap .con05 ul li span{color: #179fa5;  width: 220px; font-size: 16px; font-weight: 600; display: inline-block;} 
.sub0103_new_wrap .con05 ul li span.long_span{width:100%;}
.sub0103_new_wrap .con05 .dot01{width:calc(100% - 300px);}
.sub0103_new_wrap p.txt_box{border: 1px solid #ddd; padding: 20px 30px; font-size: 16px; font-weight: 400; margin-top:30px;}

.sub0101_wrap.sub0103_3_wrap .con05 p{color: #222; width: 70%;}	
.sub0101_wrap.sub0103_3_wrap .con05 table th p{width: 100%;}	
.sub0101_wrap.sub0103_3_wrap .con05 li p.txt{color: #222; margin-top: 5px;}

/* sub0104 */
.sub0104_wrap .sec01 .con01{padding-top: 10px; text-align: center; background: url('/images/sub/sub0104_banner.jpg') no-repeat 80% center;	 padding: 30px 0 40px 0;}
.sub0104_wrap .sec02{margin-top: 70px;}
.sub0104_wrap .sec02 .con01{padding-top: 10px; text-align: center; background: url('/images/sub/sub0104_banner2.jpg') no-repeat;	 padding: 30px 0 40px 0;}

/* sub0104_2 */
.sub0104_2_wrap .con01{padding-top: 10px; text-align: center; background: url('/images/sub/sub0104_2_banner.jpg') no-repeat; padding: 50px 0 40px 0;}
.sub0104_2_wrap .con04 ul li{display: flex; width: 48%; border-radius: 10px; background-color: #f8f8f8; height: 239px; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 0 5px;}
.sub0104_2_wrap .con04 ul li em{display: block; line-height: 30px; font-size: 16px; color:#222; margin-top: 20px; width: 80%; word-break: keep-all;}

/* sub0104_4 */
.sub0104_4_wrap .con02 em{position: absolute; display: block; width: 180px !important; left: 0; right: 0; margin: 0 auto; line-height: 1; font-size: 25px; color:#222; top: -13px; font-weight: 800; background-color: #fff;  text-align: center;}
.sub0104_4_wrap .con02 em img{width:120px;}
.sub0104_4_wrap .con02 em:before{content:''; position: absolute; left: 0; width: 3px ;height: 21px; top: 0; bottom: 0; margin: auto 0; background-color: #179fa5;}
.sub0104_4_wrap .con02 em:after{content:''; position: absolute; right: 0; width: 3px ;height: 21px; top: 0; bottom: 0; margin: auto 0; background-color: #179fa5;}

/* sub0104_5 */
.sub0104_5_wrap .con01{padding-top: 10px; text-align: center; background: url('/images/sub/sub0104_5_banner.jpg') no-repeat; padding: 50px 0 40px 0;}
.sub0104_5_wrap .con04 ul li{display: flex; width: 23.5%; border-radius: 10px; background-color: #f8f8f8; height: 239px; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 0 5px;}
.sub0104_5_wrap .con04 ul li em{display: block; line-height: 30px; font-size: 16px; color:#222; margin-top: 20px; width: 95%; word-break: keep-all;}

/* sub0104_6 */
.sub0104_6_wrap .sec02 > ul {margin-top: 40px;border-top: 2px solid #179fa5;padding-top: 30px;border-bottom: 1px solid #ddd;padding-bottom: 30px;padding-left: 30px;}
.sub0104_6_wrap .sec02 > ul > li {margin-bottom: 15px;}
.sub0104_6_wrap .sec02 > ul > li:last-child {margin-bottom: 0px;}
.sub0104_6_wrap .sec02 ul li span {color: #179fa5;width: 200px;font-size: 16px;font-weight: 600;display: inline-block;}
.sub0104_6_wrap .sec02 li p.txt {float: left;}
.sub0104_6_wrap .sec02 ul li span img {vertical-align: middle;margin-right: 10px;}
.sub0104_6_wrap .sec02 ul li.clfix span {float: left;}
.sub0104_6_wrap .sec03{display: flex; gap:20px;}
.sub0104_6_wrap .sec03 .box{text-align: center; border: 1px solid #ddd; padding: 20px; width: calc((100% - 20px)/2);}
.sub0104_6_wrap .sec03 .box img{margin-bottom: 10px;}
.sub0104_6_wrap .sec04 > ul {margin-top: 40px;border-top: 2px solid #179fa5;padding-top: 30px;border-bottom: 1px solid #ddd;padding-bottom: 30px;padding-left: 30px;}
.sub0104_6_wrap .sec04 > ul > li {margin-bottom: 15px;}
.sub0104_6_wrap .sec04 > ul > li:last-child {margin-bottom: 0px;}
.sub0104_6_wrap .sec04 ul li span {color: #179fa5;width: 200px;font-size: 16px;font-weight: 600;display: inline-block;}
.sub0104_6_wrap .sec04 li p.txt {float: left;}
.sub0104_6_wrap .sec04 ul li span img {vertical-align: middle;margin-right: 10px;}
.sub0104_6_wrap .sec04 ul li.clfix span {float: left;}
.sub0104_6_wrap .sec04 a{display: block;margin: 40px auto 0;width: 800px;border-radius: 35px;font-size: 0;background-color: #179fa5;text-align: center;}
.sub0104_6_wrap .sec04 a span{position: Relative;display: inline-block;font-size: 16px;color: #fff;margin-right: 40px;line-height: 70px}
.sub0104_6_wrap .sec04 a span:first-child{padding-left: 50px; background: url(/images/sub/sub0303_icon.png)center left no-repeat;}
.sub0104_6_wrap .sec05 ul{border-top: 2px solid #179fa5;}
.sub0104_6_wrap .sec05 ul li{padding: 20px; border-bottom: 1px dashed #ddd;}
.sub0104_6_wrap .sec05 ul li:nth-child(2n){background: #f8f8f8;}
.sub0104_6_wrap .sec05 ul li span{ float: left;width: 40px;height: 40px;background: #179fa5;color: #fff;font-weight: 700;font-size: 18px;text-align: center;line-height: 40px;border-radius: 5px ;}
.sub0104_6_wrap .sec05 ul li p{ float: left;margin-left: 20px;padding-top: 7px;position: relative;padding-left: 120px;}
.sub0104_6_wrap .sec05 ul li p b{position: absolute; left: 0; color: #179fa5;}
.sub0104_6_wrap .sec06 > ul.list_wrap {margin-top: 40px;border-top: 2px solid #179fa5;padding-top: 30px;border-bottom: 1px solid #ddd;padding-bottom: 30px;padding-left: 30px;}
.sub0104_6_wrap .sec06 > ul.list_wrap > li {margin-bottom: 15px;}
.sub0104_6_wrap .sec06 > ul.list_wrap > li:last-child {margin-bottom: 0px;}
.sub0104_6_wrap .sec06 ul.list_wrap li span {color: #179fa5;width: 240px;font-size: 16px;font-weight: 600;display: inline-block;}
.sub0104_6_wrap .sec06 ul.list_wrap li p.txt {float: left;}
.sub0104_6_wrap .sec06 ul.list_wrap li span img {vertical-align: middle;margin-right: 10px;}
.sub0104_6_wrap .sec06 ul.list_wrap li.clfix span {float: left;}
.sub0104_6_wrap .sec06 a{display: initial;margin: 40px auto 0;width: 800px;border-radius: 35px;font-size: 16px; color:#7d7d7d; text-align: center;}
.sub0104_6_wrap .sec06 a span{position: Relative;display: inline-block;font-size: 16px;color: #fff;margin-right: 40px;line-height: 70px}
.sub0104_6_wrap .sec06 a span:first-child{padding-left: 50px; background: url(/images/sub/sub0303_icon.png)center left no-repeat;}
.sub0104_6_wrap .sec06 .box{background: #f5f5f5; padding: 30px; margin-top: 70px;}
.sub0104_6_wrap .sec06 .box strong{display: block; color: #179fa5; margin: 10px 0;}

/* sub0201 */
.sub0201_wrap .con01_1{margin-bottom: 70px;}
.sub0201_wrap h4.sub_tit{margin-bottom: 40px;}

.sub0201_wrap .con01_1{padding-top: 10px; text-align: center; background: url('/images/sub/sub0201_banner.jpg') no-repeat; padding: 50px 0 40px 0;}
.sub0201_wrap .con01_1 em{position:relative; display: inline-block; padding: 40px 90px 30px; font-size: 30px; color:#fff; line-height: 1; font-weight: 700;}
.sub0201_wrap .con01_1 em:before{content:''; position: absolute; left: 0; top: 0; width:45px; height: 38px; background: url(/images/sub/sub0101_icon01_pc.png)center no-repeat;}
.sub0201_wrap .con01_1 em:after{content:''; position: absolute; right: 0; top: 0; width:45px; height: 38px; background: url(/images/sub/sub0101_icon02_pc.png)center no-repeat;}

.sub0201_wrap .con01 ul{border-top: 2px solid #179fa5;}
.sub0201_wrap .con01 ul li{padding: 20px; border-bottom: 1px dashed #ddd;}
.sub0201_wrap .con01 ul li:nth-child(2n){background: #f8f8f8;}
.sub0201_wrap .con01 ul li span{float: left; width: 40px; height: 40px; background: #179fa5; color: #fff; font-weight: 700; font-size: 18px; text-align: center; line-height: 40px; border-radius:5px ;}
.sub0201_wrap .con01 ul li p{float: left; margin-left: 20px;padding-top: 7px; position: relative; padding-left: 120px;}
.sub0201_wrap .con01 ul li p b{position: absolute; left: 0; color: #179fa5;}

.sub0201_wrap .con02{position:relative; margin-top: 70px; padding: 50px 40px 40px; border: 1px solid #ddd;}
.sub0201_wrap .con02 em{position: absolute; display: block; width: 180px; left: 0; right: 0; margin: 0 auto; line-height: 1; font-size: 25px; color:#222; top: -13px; font-weight: 800; background-color: #fff;  text-align: center;}
.sub0201_wrap .con02 em:before{content:''; position: absolute; left: 0; width: 3px ;height: 21px; top: 0; bottom: 0; margin: auto 0; background-color: #179fa5;}
.sub0201_wrap .con02 em:after{content:''; position: absolute; right: 0; width: 3px ;height: 21px; top: 0; bottom: 0; margin: auto 0; background-color: #179fa5;}
.sub0201_wrap .con02 ul li{padding-left: 150px;}
.sub0201_wrap .con02 ul li span{font-weight:700;color:#179fa5; position: absolute; left: 20px;}
.sub0201_wrap .con02 i{font-style: normal; color: #179fa5;}

.sub0201_wrap .con03{position:relative; margin-top: 70px; padding: 50px 40px 40px; border: 1px solid #ddd; word-break:keep-all}
.sub0201_wrap .con03 em{position: absolute; display: block; width: 220px; left: 0; right: 0; margin: 0 auto; line-height: 1; font-size: 25px; color:#222; top: -13px; font-weight: 800; background-color: #fff;  text-align: center;}
.sub0201_wrap .con03 em:before{content:''; position: absolute; left: 0; width: 3px ;height: 21px; top: 0; bottom: 0; margin: auto 0; background-color: #179fa5;}
.sub0201_wrap .con03 em:after{content:''; position: absolute; right: 0; width: 3px ;height: 21px; top: 0; bottom: 0; margin: auto 0; background-color: #179fa5;}

.sub0201_wrap .con04{background:#f5f5f5; border:0; padding:20px 40px; margin-top:30px;}

/* sub0202 */
.sub0202_wrap h4.sub_tit{margin-bottom:40px;}

.sub0202_wrap .con01{background:#f5f5f5; padding:30px; text-align:center; border-radius:0 0 10PX 10px; border:1px solid #ddd; border-top:2px solid #179FA5; margin-bottom:40px;}
.sub0202_wrap .con01 select{display:inline-block; vertical-align:top;}
.sub0202_wrap .con01 input{display:inline-block; vertical-align:top;}
.sub0202_wrap .con01 a{display:inline-block; width:60px; height:35px; line-height:35px; background:#179FA5; color:#fff; text-align:center; margin-left:5px; vertical-align:top;}


/* 메인 강좌접수 리스트 */
ul.list_wrap01{border-top:2px solid #999; }
ul.list_wrap01 > li{border-bottom:1px solid #ddd; padding:20px;}
/*ul.list_wrap01 > li a:hover,a:focus{border-radius:10px; background:#fffdea;box-shadow: 3px 3px 4.2px 4px rgba(161, 161, 161, 0.09);}*/


ul.list_wrap01 li .left_img {display:inline-block; vertical-align:top; width:17.5%; }
ul.list_wrap01 li .left_img img {vertical-align:top;border-radius:10px;margin-right:20px;background:#ddd; width:90%;height:140px; max-height:140px; overflow:hidden;}

ul.list_wrap01 li .left_wrap{display:inline-block; vertical-align:top; width:70.0%; }
ul.list_wrap01 li .left_wrap strong{display:block; font-size:1.4em; color:#000; margin-bottom:5px; width:95%; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

ul.list_wrap01 li .left_wrap ul li{display:inline-block; width:100%;/*width:49.5%; */vertical-align:top;}	
ul.list_wrap01 li .left_wrap ul li b{display:inline-block; position:relative; color:#444; font-size:0.9em; padding-right:20px;}
ul.list_wrap01 li .left_wrap ul li b:after{display:block; position:absolute; width:1px; height:10px; background:#aaa; content:""; right:10px; top:10px;}
ul.list_wrap01 li .left_wrap ul li span{  }

ul.list_wrap01 li a{display: flex; align-items: center; }
ul.list_wrap01 li .right_wrap{vertical-align:top;}
ul.list_wrap01 li .right_wrap p{display:inline-block; width:120px; height:40px; line-height:40px; border-radius:50px; text-align:center; font-weight:700;}
ul.list_wrap01 li .right_wrap p.right_color01{border:1px solid #FF8501; color:#FF8501; }	 /* 오렌지 */
ul.list_wrap01 li .right_wrap p.right_color02{border:1px solid #57AB67; color:#57AB67; }	 /* 초록 */
ul.list_wrap01 li .right_wrap p.right_color03{border:1px solid #888; color:#888; } 			/* 회색 */
ul.list_wrap01 li .right_wrap p.right_color04{border:1px solid #63B2EF; color:#63B2EF; }	 /* 하늘 */


ul.list_wrap01 li .right_wrap span{display:inline-block; width:120px; height:34px; line-height:34px; border-radius:50px; text-align:center; font-weight:400; margin-bottom:5px;}
ul.list_wrap01 li .right_wrap span.right_color01{border:1px solid #FF8501; color:#FF8501; }	 /* 오렌지 */
ul.list_wrap01 li .right_wrap span.right_color02{border:1px solid #57AB67; color:#57AB67; }	 /* 초록 */
ul.list_wrap01 li .right_wrap span.right_color03{border:1px solid #888; color:#888; } 			/* 회색 */
ul.list_wrap01 li .right_wrap span.right_color04{border:1px solid #63B2EF; color:#63B2EF; }	 /* 하늘 */

ul.list_wrap01 li .right_wrap span.right_color05{border:1px solid #999; background:#999; color:#fff; }	 /* 자세히 */


/*접수가능강좌 */

.e0002001 {border-bottom:1px solid #ddd; padding:20px;}
.lec_title {display:block; font-size:1.3em; color:#000; font-weight:700; margin-bottom:5px; width:100%; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.lec_left_img {display:inline-block; vertical-align:top; width:20.0%; }
.lec_left_img img {vertical-align:top;border-radius:10px;margin-right:20px;background:#ddd; width:90%;height:150px; max-height:150px; overflow:hidden;}

.lec_left_wrap {display:inline-block; vertical-align:top; width:69.0%;}
.lec_left_wrap strong{display:block; font-size:1.4em; color:#000; margin-bottom:5px; width:95%; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.lec_left_wrap ul li{display:inline-block; width:100%; /*width:49.5%; */ vertical-align:top;}	
.lec_left_wrap ul li b{display:inline-block; position:relative; color:#444; font-size:0.9em; padding-right:20px;}
.lec_left_wrap ul li b:after{display:block; position:absolute; width:1px; height:10px; background:#aaa; content:""; right:10px; top:10px;}
.lec_left_wrap ul li span{  }

.lec_right_wrap {display:inline-block; width:9%;  text-align:center; font-weight:400; }
.lec_right_wrap span{display:inline-block; width:100px; max-width:100px; height:34px; line-height:34px;text-align:center;margin-bottom:5px; }	

.lec_right_wrap .btn_color01 a{border-radius:50px;border:1px solid #FF8501; color:#FF8501; }	 /* 오렌지 */
.lec_right_wrap .btn_color02 a{border-radius:50px;border:1px solid #57AB67; color:#57AB67; }	 /* 초록 */
.lec_right_wrap .btn_color03 a{border-radius:50px;border:1px solid #888; color:#888;  } 			/* 회색 */
.lec_right_wrap .btn_color04 a{border-radius:50px;border:1px solid #63B2EF; color:#63B2EF; }	 /* 하늘 */
.lec_right_wrap .btn_color05 a{border-radius:50px;border:1px solid #999; background:#999; color:#fff; }	 /* 자세히 */
.lec_right_wrap .btn_color06 a{border-radius:50px;border:1px solid #e75392; background:#e75392; color:#fff; }	 /* 신청 */
.lec_right_wrap .btn_color07 a{border-radius:50px; border:1px solid #0157b0; background:#0157b0; color:#fff; }	 /* 명단 */
.lec_right_wrap .btn_color08 a{border-radius:50px; border:1px solid #ad7d66; background:#ad7d66; color:#fff; }	 /* 링크 */

/* 버튼만 따로 모음 */
.btn_color_orange a{border-radius:50px;border:1px solid #FF8501; color:#FF8501; }	 /* 오렌지 */

.btn_color_green {display:inline-block; width:150px; height:50px; line-height:50px; border-radius:50px; background:#57AB67; color:#fff; margin-right:20px;}	 /* 초록 */
.btn_color_green:hover { color:#fff; font-size: 1.1em;}

.btn_color_gray {display:inline-block; width:150px; height:50px; line-height:50px; border-radius:50px; background:#444; color:#fff; margin-right:20px; } 			/* 회색 */
.btn_color_gray:hover { color:#fff; font-size: 1.1em;}

.btn_color_skyblue {display:inline-block; width:200px; height:50px; line-height:50px; border-radius:50px; background:#63B2EF; color:#fff; margin-right:20px;}	 /* 하늘 */
.btn_color_skyblue:hover { color:#fff; font-size: 1.1em;}

.btn_color_view a{border-radius:50px;border:1px solid #999; background:#999; color:#fff; }	 /* 자세히 */

.btn_color_hotpink {display:inline-block; width:200px; height:50px; line-height:50px; border-radius:50px; background:#e75392; color:#fff; margin-right:20px; }	 /* 신청 */
.btn_color_hotpink:hover { color:#fff; font-size: 1.1em;}

.btn_color_navy a{display:inline-block; width:150px; border-radius:50px; border:1px solid #0157b0; background:#0157b0; color:#fff; }	 /* 명단 */
.btn_color_link a{display:inline-block; width:150px; border-radius:50px; border:1px solid #ad7d66; background:#ad7d66; color:#fff; }	 /* 링크 */

.btn_color_down a{display:inline-block; width:250px; text-align:center; height:40px; line-height:40px; border-radius:10px; border:1px solid #440d25; background:#440d25; color:#fff; }	 /* 다운로드 */

.btn_color_black_nemo {border-radius:3px; border:1px solid #444; background:#444; color:#fff; }	 /* 검색버튼 */
.btn_color_detail a{display:inline-block; width:120px; text-align:center; border-radius:50px; border:1px solid #999; background:#999; color:#fff; }	 /* 작은 자세히 */



/* div 2개 나란히 */
.item-wrap {
	max-width: 1280px;
	margin: 0 auto;
}
.item-wrap .items { /* 자식들을 감싸고 있는 부모 */
	display: block;
	position: relative; /* 자식들의 기준점이 되기 위해 준 속성*/
	height: 300px;
}
.item-wrap .items .item { /* 나란히 배치할 영역 */
	position: absolute;
	left: 0;
	width: 50%;
	height: 100%;
	text-align: center;
}
.item-wrap .items .item.left {
	padding-right: 5px;
}
.item-wrap .items .item.right {
	padding-left: 5px;
}
.item-wrap .items .item+.item {
	left: 50%; /* 다음에 올 영역에 left: 50%;을 사용해 나란히 배치 */
}
.item-wrap .items .item .inner { /* 나란히 배치할 영역 안 텍스트를 감싼 div */
	position: relative;
	border-radius:10px;
	border:1px solid #ddd;
	height: 100%;

}
.item-wrap .items .item .inner:before { /* 텍스트를 수직 가운데 정렬하기 위한 가상선택자 */
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;

}
.item-wrap .items .item .inner span { /* 가상선택자와 나란히 배치하기 위해 준 속성 */
	position: absolute;
	top: 50%;
	left: 50%;
	width:90%;
	height:60%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	word-break: break-all;
			
}



/* 깜빡이는 효과 */
@keyframes blink { /* 요소가 깜빡거리는 */
    0% {opacity:0}
    50% {opacity:1}
    100% {opacity:0}
}
@keyframes blinkC { /* 색이 깜빡거리는 */ 
    50% {color:yellow}
}
#text_black {
	animation:blink 1s infinite ease;
	height:250px;width:550px;color:#000;font-size:160px
}


/* gallery_list */
div.gallery{ margin:5px; border:1px solid #ccc; float:left; width:32%;max-height:320px;height:320px;overflow:hidden; } 
div.gallery:hover{ border:1pxsolid#777; } 
div.gallery img{ width:100%;height:220px; /*height:auto;*/ } 
div.desc{ padding:15px; text-align:center; font-size:1.1em; text-overflow:ellipsis; overflow:hidden; color:#000;} 
		
.image-box {
    width:380px;
    height:220px;
    overflow:hidden;
    margin:0 auto;
}

.image-thumbnail {
    width:100%;
    height:100%;
    object-fit:cover;
}


/* 동아리 50% 분할 */
.dongari {	width: 100%; display: flex;  justify-content: space-between;   align-items: center; margin-bottom:40px;}
.dongari_box1 {	  width: 40%;	  height: auto;	}
.dongari_box2 {	  width: 56%;	  height: auto;
}

/* 우수학습동아리 표시용 */
.image-container {
  position: relative; /* 컨테이너의 위치를 상대 위치로 설정 */
  width: 200px; /* 컨테이너의 너비 */
  height: 150px; /* 컨테이너의 높이 */
}

.image-container img {
  width: 100%; /* 이미지가 컨테이너를 채우도록 설정 */
  height: 100%; /* 이미지가 컨테이너를 채우도록 설정 */
}

.icon {
  position: absolute; /* 아이콘의 위치를 절대 위치로 설정 */
  top: -10px; /* 아이콘을 상단에서 20px만큼 떨어진 위치에 배치 */
  left: 5px; /* 아이콘을 좌측에서 20px만큼 떨어진 위치에 배치 */
  font-size: 24px; /* 아이콘의 글자 크기 */
  color: yellow; /* 아이콘의 색상 */
  font-family: "Font Awesome"; /* 아이콘을 표시하는 폰트 (Font Awesome과 같은 아이콘 폰트를 사용) */
}


.box1line {border-radius:50px;border:1px solid #ddd;padding:10px 20px;margin-bottom:10px;}
.box1line span {font-weight:700;margin-right:15px;}

.product_list {display: flex; flex-wrap: wrap; font-size: 0; margin-bottom: 40px;}
.product_list li{width:24%; margin-right: 1.33%; margin-top:20px;}
.product_list li:nth-child(4n){margin-right:0;}
.product_list li:nth-child(-n+4){margin-top:0;}
.product_list li a{display:block;}
.product_list li .img_wrap{ display:block; border: 1px solid #ddd; width:100%;}
.product_list li .img_wrap .img{position:relative; padding-bottom:62.5%; overflow:hidden; }
.product_list li .img_wrap .img img{position:absolute; top:0; left: 0; right: 0; bottom: 0; margin: auto; max-width:100%; max-height:100%; width:auto; height:auto;}
.product_list li .txt{width:100%; padding:0 20px; margin-top: 20px; border-top:0; }
.product_list li .txt h5{font-size:18px; margin-bottom: 10px; color:#000; line-height:22px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:400;}
.product_list li .txt em{display:block; font-size:14px; color:#555; line-height:1;}


/* sub0202_view */
.sub0202_view_wrap .con01{display: flex; justify-content:space-between;}
.sub0202_view_wrap .con01 .left{width: 36%; margin-right:30px;}
.sub0202_view_wrap .con01 .left .img_wrap{position:relative; width:100%; padding-bottom: 71%;}
.sub0202_view_wrap .con01 .left .img_wrap img{position:absolute; left: 0; top:0; bottom: 0; right: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height:100%;}
.sub0202_view_wrap .con01 .right{width: calc(64% - 32px); border-top: 0px solid #179FA5;}
.sub0202_view_wrap .con01 .right .tit{padding: 10px; background:#0157b0; text-align:center;}
.sub0202_view_wrap .con01 .right .tit em{display: block; font-size: 1.2em; font-weight: 700; color:#fff;}
.sub0202_view_wrap .con01 .right .txt{padding: 20px 10px; border-bottom: 0px solid #ddd;}
.sub0202_view_wrap .con01 .right .txt ul li{position:relative; padding-left: 70px; font-size: 20px; margin-top: 10px; min-height:10px; color:#555;}
.sub0202_view_wrap .con01 .right .txt ul li:first-child{margin-top: 0;}
.sub0202_view_wrap .con01 .right .txt ul li span{position: absolute; display: block; left:0; top:0; font-size:20px; font-weight: 700; color:#222; padding-left: 15px;}
.sub0202_view_wrap .con01 .right .txt ul li span:after{content:''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width:4px; height: 4px; background-color: #ccc; border-radius:50%;}
.sub0202_view_wrap .con01 .btn_wrap{text-align:center; margin-top:40px;}

.sub0202_view_wrap .con02{margin-top: 40px;}
.sub0202_view_wrap .con02 h4.sub_tit{margin-bottom: 40px;}

/* sub0203 */
.sub0203_wrap > div{margin-top:80px;}
.sub0203_wrap > div:first-child{margin-top:0;}
.sub0203_wrap h4.sub_tit{margin-bottom:40px;}

.sub0203_wrap .con01_1{padding-top: 10px; text-align: center; background: url('/images/sub/sub0203_banner.jpg') no-repeat; padding: 50px 0 40px 0;}
.sub0203_wrap .con01_1 em{position:relative; display: inline-block; padding: 40px 90px 30px; font-size: 30px; color:#fff; line-height: 1; font-weight: 700;}
.sub0203_wrap .con01_1 em:before{content:''; position: absolute; left: 0; top: 0; width:45px; height: 38px; background: url(/images/sub/sub0101_icon01_pc.png)center no-repeat;}
.sub0203_wrap .con01_1 em:after{content:''; position: absolute; right: 0; top: 0; width:45px; height: 38px; background: url(/images/sub/sub0101_icon02_pc.png)center no-repeat;}

.sub0203_wrap .con01 ul.circle li{position:relative; display:inline-block; width:190px; height:190px; border-radius:50%; vertical-align:middle;  text-align:center; background:#f5f5f5; padding:10px; margin-right:24px;}
.sub0203_wrap .con01 ul.circle li:last-child{margin-right:0;}
.sub0203_wrap .con01 ul.circle li:after{position:absolute; display:block; width:8px; height:10px; background:url(../images/sub/sub0203_arrow.png) no-repeat top right; content:""; right:-18px; top:50%;}
.sub0203_wrap .con01 ul.circle li:last-child:after{display:none;}
.sub0203_wrap .con01 ul.circle li .circle_con{border:1px dashed #179fa5; height:100%; padding-top:25%;border-radius:50%; background:#fff;}
.sub0203_wrap .con01 ul.circle li .circle_con p{margin-top:20px; font-weight:700;}

.sub0203_wrap .con02{position:relative; padding: 50px 40px 40px; border: 1px solid #ddd;}
.sub0203_wrap .con02 em{position: absolute; display: block; width: 190px; left: 0; right: 0; margin: 0 auto; line-height: 1; font-size: 25px; color:#222; top: -13px; font-weight: 800; background-color: #fff;  text-align: center;}
.sub0203_wrap .con02 em:before{content:''; position: absolute; left: 0; width: 3px ;height: 21px; top: 0; bottom: 0; margin: auto 0; background-color: #179fa5;}
.sub0203_wrap .con02 em:after{content:''; position: absolute; right: 0; width: 3px ;height: 21px; top: 0; bottom: 0; margin: auto 0; background-color: #179fa5;}

.sub0203_wrap .con05 .txt_wrap{border:1px solid #ddd; height:70px; line-height:70px; border-radius:70px; padding:0 30px; display: flex; align-items: center;}
.sub0203_wrap .con05 .txt_wrap span{color: #179fa5;  width: 200px; font-size: 16px; font-weight: 600; display: inline-block; vertical-align:middle;}
.sub0203_wrap .con05 .txt_wrap span img{display:inline-block; vertical-align: middle; margin-right: 10px;}
.sub0203_wrap .con05 .txt_wrap p{display:inline-block; vertical-align:middle;}

/* sub020302 */
.sub020302_wrap h4.sub_tit{margin-bottom:40px;}
.sub020302_wrap .btn_wrap{text-align:center; margin-top:40px;}
.sub020302_wrap .sub_tbl01 tr td br{display:none;}
.sub020302_wrap .sub_tbl01 tr td .mt5{margin-top:0 !important;}

.sub020302_wrap .layer_wrap{position: fixed; display: none; background-color:rgba(0,0,0,0.5); left: 0; top:0; width: 100%; height:100%; z-index:10000;}
.sub020302_wrap .layer {position: relative; width: 100%; height: 100%;}
.sub020302_wrap .layer_position{position: absolute; left: 0; top: 0; bottom:0; right: 0; margin: auto;  width: 40%; height: 60%;}
.sub020302_wrap .layer_con{position: relative; width: 100%; height: 100%; background-color:#FFF; padding:40px; text-align:left; word-break:keep-all; overflow:hidden;}
.sub020302_wrap .layer_con h4.sub_tit{padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #ddd;}
.sub020302_wrap .layer_con .txt_wrap{height:calc(100% - 130px); overflow-y:scroll;}
.sub020302_wrap .layer_con .txt_wrap p{color:#222; margin-bottom:10px; font-weight:500; }
.sub020302_wrap .layer_con .txt_wrap ul{margin-bottom:25px; }
.sub020302_wrap .layer_con .txt_wrap span{font-size:14px; color:#888;}
.sub020302_wrap .layer_close{position: absolute; right: -40px; top: -40px; color:#fff;}

/* sub0301 */
.sub0301_wrap .con01{display:flex; flex-wrap:wrap; margin-bottom:40px;}
.sub0301_wrap .con01 .map_wrap{width:40%; margin-right:30px; }
.sub0301_wrap .con01 .map_wrap .img_wrap{position:relative; padding-bottom:100%;}
.sub0301_wrap .con01 .map_wrap .img_wrap img{position:absolute; max-width:100%; max-height:100%; width:auto; height:auto; left:0; top:0; right:0; bottom:0;}
.sub0301_wrap .con01 .search_wrap{width:calc(60% - 30px); background:#f5f5f5; text-align:center; padding:30px;}
.sub0301_wrap .con01 .search_wrap .top{border-bottom:1px dashed #ddd; margin-bottom:40px;}
.sub0301_wrap .con01 .search_wrap .top strong{font-size:22px; color:#222; font-weight:800;}
.sub0301_wrap .con01 .search_wrap .top p{margin:40px 0;}
.sub0301_wrap .con01 select{display: inline-block; width:44.6%; }
.sub0301_wrap .con01 span{display: block; margin-top:10px; }
.sub0301_wrap .con01 input{display: inline-block; vertical-align: top;}
.sub0301_wrap .con01 a{margin-top:40px;}

.sub0301_wrap .con02 p{color:#666; background:#f5f5f5; height:400px; line-height:400px; font-size:20px; font-weight:700; text-align:center;}

/* sub0302 */
.sub0302_wrap > div{margin-top:80px;}
.sub0302_wrap > div:first-child{margin-top:0;}
.sub0302_wrap h4.sub_tit{margin-bottom:40px;}

.sub0302_wrap .con01{padding-top: 10px; text-align: center; background: url('/images/sub/sub0302_banner.jpg') no-repeat;	 padding: 30px 0 40px 0;}
.sub0302_wrap .con02_1{border:0; padding:0; margin-top:60px;}
.sub0302_wrap .con02_1 img{margin:0 auto;}
.sub0302_wrap .con03 table.sub_tbl01 th{text-align:left; padding:20px;}
.sub0302_wrap .con03 table.sub_tbl01 th p b{display:inline-block; width:25px; height:25px; line-height:25px; border-radius:50%; background:#179FA5; color:#fff; margin-right:15px; text-align:center;}

.sub0302_wrap .con02 > em{width:380px;}
.sub0302_wrap .con02 ul.dot01{background:none; padding:0;}
.sub0302_wrap .con02 .con03{margin-top:0;}
.sub0302_wrap .con02 .con03 ul{border:0; margin-top:0; padding:0;}
.sub0302_wrap ul.dot01 em.txt01{position:relative; display:inline-block; width:auto; font-size:15px; color: #179fa5; font-weight: 700;   background:none; vertical-align:middle; top:0;}
.sub0302_wrap ul.dot01 em.txt01:before{display:none;}
.sub0302_wrap ul.dot01 em.txt01:after{display:none;}
.sub0302_wrap .con05 ul li a{display:inline-block; background:#179fa5; color:#fff; padding:5px 10px; border-radius:5px; margin-left:20px;}

.sub0302_wrap .con06 a{display: block; margin: 70px auto 0; width: 800px;  border-radius: 35px; font-size: 0; background-color: #179fa5; text-align: center;}
.sub0302_wrap .con06 a span{position:Relative; display: inline-block; font-size: 16px; color:#fff; margin:0 40px 0 0; line-height: 70px; }
.sub0302_wrap .con06 a span:first-child{padding-left: 50px; background: url(/images/sub/sub0303_icon.png)center left no-repeat;}

/* sub0302_form */
.sub0302_form_wrap h4.sub_tit{margin-bottom:40px;}
.sub0302_form_wrap .con01 .txt_box{border:1px dashed #ccc; margin:20px 0; padding:30px; text-align:center;}
.sub0302_form_wrap .con01 .txt_box strong{font-size:20px; font-weight:700;}
.sub0302_form_wrap .con01 .txt_box p{margin:20px 0;}
.sub0302_form_wrap .con01 .txt_box ul li{display:inline-block; margin:0 20px;}
.sub0302_form_wrap .con01 .txt_box ul li input{margin-right:10px;}

.sub0302_form_wrap .btn{overflow:hidden; width:100%; border-top:1px solid #ddd; padding-top:20px;}
.sub0302_form_wrap .btn_wrap{float:left; text-align:center;}
.sub0302_form_wrap .btn_wrap02{float:right; text-align:center;}
a.btn05{width: 240px; color: #fff; height: 60px; line-height: 60px; background: #bbb; display: inline-block; margin: 0 5px; border-radius: 10px;}
a.btn05 img{display: inline-block; vertical-align:middle; margin-right:10px;}

/* sub0303 */
.sub0303_wrap > div{margin-top:80px;}
.sub0303_wrap > div:first-child{margin-top:0;}

.sub0303_wrap .con01_1{padding-top: 10px; text-align: center; background: url('/images/sub/sub0303_banner.jpg') no-repeat; padding: 50px 0 40px 0;}
.sub0303_wrap .con01_1 em{position:relative; display: inline-block; padding: 40px 90px 30px; font-size: 30px; color:#fff; line-height: 1; font-weight: 700;}
.sub0303_wrap .con01_1 em:before{content:''; position: absolute; left: 0; top: 0; width:45px; height: 38px; background: url(/images/sub/sub0101_icon01_pc.png)center no-repeat;}
.sub0303_wrap .con01_1 em:after{content:''; position: absolute; right: 0; top: 0; width:45px; height: 38px; background: url(/images/sub/sub0101_icon02_pc.png)center no-repeat;}

.sub0303_wrap .con01{position:relative; margin-top: 80px; padding: 50px 40px 40px; border: 1px solid #ddd;}
.sub0303_wrap .con01 em{position: absolute; display: block; width: 200px; left: 0; right: 0; margin: 0 auto; line-height: 1; font-size: 25px; color:#222; top: -13px; font-weight: 800; background-color: #fff;  text-align: center;}
.sub0303_wrap .con01 em:before{content:''; position: absolute; left: 0; width: 3px ;height: 21px; top: 0; bottom: 0; margin: auto 0; background-color: #179fa5;}
.sub0303_wrap .con01 em:after{content:''; position: absolute; right: 0; width: 3px ;height: 21px; top: 0; bottom: 0; margin: auto 0; background-color: #179fa5;}
.sub0303_wrap .con01 p{text-align:center; line-height:1.8; word-break:keep-all; padding-bottom:30px; margin-bottom:40px; border-bottom:1px dashed #ccc;}
.sub0303_wrap .con01 p b{font-weight:600; color:#222;}
.sub0303_wrap .con01 ul.dot01{background:#f5f5f5; padding:30px; border-radius:10px;}
.sub0303_wrap .con01 ul.dot01 li{position:relative; padding-left:24px; margin-bottom:10px;}
.sub0303_wrap .con01 ul.dot01 li:last-child{margin-bottom:0;}
.sub0303_wrap .con01 ul.dot01 li:before{position:absolute; width:4px; height:4px; border-radius:50%; display:block; background:#179FA5; content:""; left:0; top:8px;}

.sub0303_wrap .con03 a{display: block; margin: 70px auto 0; width: 800px; border-radius: 35px; font-size: 0; background-color: #179fa5; text-align: center;}
.sub0303_wrap .con03 a span{position:Relative; display: inline-block; font-size: 16px; color:#fff; margin-right: 40px; line-height: 70px }
.sub0303_wrap .con03 a span:first-child{padding-left: 50px; background: url(/images/sub/sub0303_icon.png)center left no-repeat;}

/* sub0303_form */
.sub0303_form_wrap > div{margin-top:80px;}
.sub0303_form_wrap > div:first-child{margin-top:0;}
.sub0303_form_wrap h4.sub_tit{margin-bottom:40px;}
.sub0303_form_wrap .btn_wrap{text-align:center; margin-top:40px;}

.sub0303_form_wrap .txt_box{border:1px dashed #ccc; margin:20px 0; padding:30px; text-align:center;}
.sub0303_form_wrap .txt_box strong{font-size:20px; font-weight:700;}
.sub0303_form_wrap .txt_box > div{text-align:left;}
.sub0303_form_wrap .txt_box p{margin:20px 0;}
.sub0303_form_wrap .txt_box ul li{display:inline-block; margin:0 20px;}
.sub0303_form_wrap .txt_box ul li input{margin-right:10px;}

.pc_tbl{display:table;}
.mob_tbl{display:none;}

/* panjoo 기본 Table */
.basic_tbl01 {border-top:2px solid #999; width:100%; }
.basic_tbl01 tr {border-bottom:1px solid #ddd;}
.basic_tbl01 tr th {padding:20px 10px; background:#f8f8f8; color:#222; font-weight:500; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.basic_tbl01 tr th:last-child{border-right:0;}
.basic_tbl01 tr th p{display:inline-block;}
.basic_tbl01 tr td {padding:10px 20px; vertical-align: middle;  border-right:1px solid #ddd; text-align:center;}
.basic_tbl01 tr td:last-child{border-right:0;}


/* panjoo 개인정보처리 Table */
.basic_gul01 {border-top:2px solid #999; width:100%;padding-bottom:30px;}
.basic_gul01 tr {border-bottom:1px solid #ddd;}
.basic_gul01 tr th {padding:10px 5px; background:#f8f8f8; color:#222; font-weight:500; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.basic_gul01 tr th:last-child{border-right:0;}
.basic_gul01 tr th p{display:inline-block;}
.basic_gul01 tr td {padding:10px 5px; vertical-align: middle;  border-right:1px solid #ddd; text-align:center;}
.basic_gul01 tr td:last-child{border-right:0;}


/*
.sub_tbl01{border-top:2px solid #179FA5; font-family: 'NanumSquare'; width:100%; }
.sub_tbl01 tr{border-bottom:1px solid #ddd;}
.sub_tbl01 tr th{padding:20px 10px; background:#f8f8f8; color:#222; font-weight:500; border-bottom:1px solid #ddd;}
.sub_tbl01 tr th p{display:inline-block;}
.sub_tbl01 tr td{padding:10px 20px; font-size:16px; font-weight:400; vertical-align: middle; }
*/

.sub_tbl02{text-align:center;}
.sub_tbl02 tr th{border-right:1px solid #ddd;}
.sub_tbl02 tr th:last-child{border-right:0;}
.sub_tbl02 tr td{border-right:1px solid #ddd;}
.sub_tbl02 tr td:last-child{border-right:0;}

.sub_tbl03 tr td{padding:10px 20px; font-size:15px; font-weight:400; }

.tbl_right01{text-align:right; margin-top:-15px; margin-bottom:15px;}
.tbl_right02{text-align:right; margin-top:-25px; margin-bottom:15px;}

input[type="text"]{border:1px solid #ddd; padding:0 10px; height:35px; vertical-align:middle; font-size:14px;}
input[type="file"]{border:1px solid #ddd; padding:0 10px; height:35px; vertical-align:middle; font-size:14px;}
input::placeholder{font-size:14px; color:#aaa;}
input.input01{min-width:150px; width:25%;}
input.input02{min-width:200px; width:40%;}
input.input03{min-width:200px; width:90%;}
input.input04{min-width:100px; width:15%;}
input.input05{min-width:150px; width:25%;}
input.input06{min-width:100px; width:15%;}
input.input07{width:100px;}
input.input08{min-width:100px; width:14%;}

select{font-size:14px; border:1px solid #ddd; padding:0 10px; height:35px;}

em.red01{font-size:14px; color:#F10008;}
span.span_txt01{font-size:14px; color:#666;}
span.span_txt02{font-size:14px; color:#F10008 !important;}
span.span_txt03{font-size:14px;}
span.span_txt04{display:inline-block; margin-right:20px;}
span.span_txt04 input{margin:0 10px;}
span.span_txt04 input:first-child{margin-left:0;}
textarea.area01{min-width:200px; width:100%; border:1px solid #ddd; padding:10px; height:60px; }
textarea::placeholder{font-size:14px; color:#aaa;}

a.btn01{width:300px; color:#fff; height:50px; line-height:50px; background:#179FA5; display:inline-block; margin:0 5px; border-radius:50px;}
a.btn02{width:110px; font-size:14px; color:#555; font-weight:600; height:30px; line-height:30px; background:#f1f1f1; display:inline-block; margin:0 5px; border-radius:5px; text-align:center;}
a.btn03{width:200px; color:#fff; height:60px; line-height:60px; background:#179FA5; border:1px solid #179FA5; display:inline-block; margin:0 5px; border-radius:5px;}
a.btn04{width:200px; color:#179FA5; height:60px; line-height:60px; background:#fff; border:1px solid #179FA5; display:inline-block; margin:0 5px; border-radius:5px;}
a.btn06{width:250px; color:#fff; height:50px; line-height:50px; background:#179FA5; display:inline-block; margin:0 5px; border-radius:50px;}

a.btn01 img{display:inline-block; vertical-align:middle; margin-right:10px;}

ul.dot02 li{position:relative; padding-left:15px; margin-bottom:10px;  }
ul.dot02 li:last-child{margin-bottom:0;}
ul.dot02 li:before{position:absolute; width:4px; height:4px; border-radius:50%; display:block; background:#179FA5; content:""; left:0; top:15px;}
ul.dot02 li.dot_li02:before{top:10px;}
ul.dot02 li.dot_li01 br{display:none;}

ul.dot03 li {background-color: #f8f8f8; color: #222; font-size: 16px; font-weight: 500; padding: 10px 20px; border-radius: 30px;  }
ul.dot03 li + li {margin-top: 10px;}
ul.dot03 li span{display: inline-block; background-color: #179fa5; color: #fff; width: 62px; height: 39px; border-radius: 19.5px; text-align: center; line-height: 38px; margin-right: 20px;}

/*
ul.dot04 li{position:relative; padding-left:24px; margin-bottom:10px;  }
ul.dot04 li:last-child{margin-bottom:0;}
ul.dot04 li:before{position:absolute; width:4px; height:4px; border-radius:50%; display:block; background:#179FA5; content:""; left:0; top:8px;}
*/
/* sub0304 */
.sub0304_wrap > div{margin-top:80px;}
.sub0304_wrap > div:first-child{margin-top:0;}
.sub0304_wrap h4.sub_tit{margin-bottom:40px;}

.sub0304_wrap .con01_1{padding-top: 10px; text-align: center; background: url('/images/sub/sub0304_banner.jpg') no-repeat; padding: 50px 0 40px 0;}
.sub0304_wrap .con01_1 em{position:relative; display: inline-block; padding: 40px 90px 30px; font-size: 30px; color:#fff; line-height: 1.5; font-weight: 700;}
.sub0304_wrap .con01_1 em:before{content:''; position: absolute; left: 0; top: 0; width:45px; height: 38px; background: url(/images/sub/sub0101_icon01_pc.png)center no-repeat;}
.sub0304_wrap .con01_1 em:after{content:''; position: absolute; right: 0; top: 0; width:45px; height: 38px; background: url(/images/sub/sub0101_icon02_pc.png)center no-repeat;}

.sub0304_wrap .con01 table td{font-weight:400;}
.sub0304_wrap .con01 table b{color: #222; font-weight:500;}
.sub0304_wrap .con01 table span{color: #179fa5; font-weight:500;}

.sub0304_wrap .con02{position:relative; margin-top: 80px; padding: 50px 40px 40px; border: 1px solid #ddd;}
.sub0304_wrap .con02 em{position: absolute; display: block; width: 200px; left: 0; right: 0; margin: 0 auto; line-height: 1; font-size: 25px; color:#222; top: -13px; font-weight: 800; background-color: #fff;  text-align: center;}
.sub0304_wrap .con02 em:before{content:''; position: absolute; left: 0; width: 3px ;height: 21px; top: 0; bottom: 0; margin: auto 0; background-color: #179fa5;}
.sub0304_wrap .con02 em:after{content:''; position: absolute; right: 0; width: 3px ;height: 21px; top: 0; bottom: 0; margin: auto 0; background-color: #179fa5;}
.sub0304_wrap .con02 ul.dot01 li{position:relative; padding-left:24px; margin-bottom:10px;}
.sub0304_wrap .con02 ul.dot01 li:last-child{margin-bottom:0;}
.sub0304_wrap .con02 ul.dot01 li:before{position:absolute; width:4px; height:4px; border-radius:50%; display:block; background:#179FA5; content:""; left:0; top:8px;}

.sub0304_wrap .con02 ul.bg_01{background:#f5f5f5; padding:20px; border-radius:60px; text-align:center;}
.sub0304_wrap .con02 ul.bg_01 li{color:#179fa5; font-weight:500;}

/* sub030402_wrap */
.sub030402_wrap .con01_1{padding-top: 10px; text-align: center; background: url('/images/sub/sub030402_banner.jpg') no-repeat; padding: 50px 0 40px 0;}

/* sub030403_wrap */
.sub030403_wrap .con01_1{padding-top: 10px; text-align: center; background: url('/images/sub/sub030403_banner.jpg') no-repeat; padding: 50px 0 40px 0;}


/* sub0404 */
.sub0404_wrap ul{display:flex; flex-wrap:wrap;}
.sub0404_wrap ul li{position:relative; display:inline-block; width:23%; min-height:270px; margin-right:2.6%; border:1px solid #e5e5e5; border-top:2px solid #179fa5; padding:30px 30px 70px; margin-bottom:40px;}
.sub0404_wrap ul li:nth-child(4n){margin-right:0;}
.sub0404_wrap ul li strong{display:block; font-size:17px; color:#222; word-break:keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* �쒖떆�섍퀬�� �섎뒗 �쇱씤 �� */ -webkit-box-orient: vertical; margin-bottom:20px;}
.sub0404_wrap ul li p{font-size:15px; color:#555; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; /* �쒖떆�섍퀬�� �섎뒗 �쇱씤 �� */ -webkit-box-orient: vertical;}
.sub0404_wrap ul li span{display:block; font-size:14px; color:#555; position:absolute; right:30px; bottom:30px;}

/*sub0104_wrap*/
.sub0104_wrap .con01{ background:url("/images/sub/sub010104_banner.jpg") no-repeat center center;background-size:cover;padding: 67px 0 91px 0;}
.sub0104_wrap .con02 {text-align:center;}
.sub0104_wrap .con02 ul{text-align:left;}
.sub0104_wrap .con02 .btn_wrap{text-align:center;margin-top:20px;}
.sub0104_wrap .con02 .btn_wrap a.gseek_link{display:inline-block;/* padding:8px 24px; */background:#179fa5;color:#fff;border-radius:50px;margin-top:10px;}
.sub0104_wrap .con02.con02_2 em{width:420px;}
.sub0104_wrap .con03 ul li span {color: #179fa5;width: auto; font-size: 16px; font-weight: 600; display: inline-block;margin-right:10px;}
.sub0104_wrap .con03 li p.txt{display:inline-block;padding-top: 6px;}

.sub0104_wrap .con02.con02_2 li span{font-weight:700;color:#179fa5;}
.sub0104_wrap .con02.con02_3 em{width:250px;}
.sub0104_wrap .con02.con02_3 li span{color:#179fa5;}



/* ----------------------------search---------------------------- */

.search_gnb{position: absolute; display: flex;  right: 0; bottom:15px; font-size: 0;}
.search_gnb li{margin-right: 20px; width: 265px; height: 70px; border-radius:10px}
.search_gnb li:last-child{margin-right: 0;}
.search_gnb li a{display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.search_gnb li img{display: block; }
.search_gnb li span{display: block; line-height: 1; font-size:18px; font-weight: 700; color:#fff; margin-left: 10px;}
.search_gnb li:nth-child(1){background-color: #1152a3;}
.search_gnb li:nth-child(2){background-color: #ff8033;}
.search_gnb li:nth-child(3){background-color: #17a56b;}
.search_gnb li:nth-child(4){background-color: #9049a7;}
.search_con_wrap{padding-bottom: 100px;}
.search_con_wrap .con01{position:relative; padding-top:70px;}
.search_con_wrap .con01:before{content:''; position:absolute; left: 0; top: 0; width:100%; height:295px; background-color: #f8f8f9; z-index: -1; border-bottom: 1px solid #ddd;}
.search_con_wrap .con01 .tit h3{font-size: 30px; font-weight: 700; color:#222; line-height: 1;}
.search_con_wrap .con01 .tit p{font-size:15px; color:#222; margin-top: 18px;}
.search_con_wrap .detail_wrap{position:relative; padding:40px; border-radius: 10px; margin-top: 37px; background: url(/images/sub/sub_search_bg02_pc.png)top center no-repeat #e3e8f0; background-size: cover;}
.search_con_wrap .detail_wrap img{position: absolute; right: 35px; bottom: 100%;}
.search_con_wrap .detail_wrap .detail_tit { background:url(/images/sub/click_arrow_down_pc.png) right center no-repeat;}
.search_con_wrap .detail_wrap .detail_tit.on { background:url(/images/sub/click_arrow_up_pc.png) right center no-repeat;}
.search_con_wrap .detail_wrap .detail_tit a { display:flex; align-items:center; width:100%; height:100%;}
.search_con_wrap .detail_wrap .detail_tit strong {text-align: left; line-height: 1; font-size: 25px; color:#222; font-weight: 700;}
.search_con_wrap .detail_wrap .detail_box { display:none;}
.search_con_wrap .detail_wrap .search_area{display: none;}
.search_con_wrap .detail_wrap .detail_open{display: none;}
.search_con_wrap .detail_wrap ul{display: flex; justify-content: space-between; flex-wrap : wrap; margin-top: 37px;}
.search_con_wrap .detail_wrap ul li{display: flex; padding: 15px 0px; background-color: #fff; width: 100%; border-radius: 5px; margin-top: 10px;}
.search_con_wrap .detail_wrap ul li:first-child{margin-top: 0;}
.search_con_wrap .detail_wrap ul li.half{width: 49.62%}
.search_con_wrap .detail_wrap ul li em{position:Relative; display: block; width: 125px; text-align: center; font-size: 16px; font-weight: 700; color:#222; line-height: 35px}
.search_con_wrap .detail_wrap ul li .box:before{content:''; position: absolute; left: 0; width: 1px; height: calc(100% - 20px);  min-height:20px; top: 0; bottom: 0; background-color: #ddd; margin: auto 0;}
.search_con_wrap .detail_wrap ul li .box{position:relative; display: flex; align-items: center; width: calc(100% - 125px); padding: 0 20px; min-height: 35px; font-size: 0;}
.search_con_wrap .detail_wrap ul li .box label{display: block; margin-right: 20px;}
.search_con_wrap .detail_wrap ul li .box label .chk_box{position: absolute; left: -999em; opacity: 0; width:0; height: 0;}
.search_con_wrap .detail_wrap ul li .box label span{display: flex; padding-left: 30px; line-height: 35px; font-size: 15px; color:#222; background: url(/images/sub/sub_search_chk_pc.png)center left no-repeat;}
.search_con_wrap .detail_wrap ul li .box label .chk_box:checked + span{ background: url(/images/sub/sub_search_chk_on_pc.png)center left no-repeat;}
.search_con_wrap .detail_wrap ul li .box .txt{width: 300px;}
.search_con_wrap .detail_wrap ul li select{width: 250px;}
.search_con_wrap .detail_wrap a.submit{display: block; width: 350px; height: 60px; border-radius: 5px; margin: 20px auto 0; background-color: #179fa5; text-align: center; line-height: 60px; color:#fff; font-size:16px; font-weight: 700;}
.search_con_wrap .con02{margin-top: 60px;}
.search_con_wrap .con02 .pc_table table{width: 100%; table-layout: fixed; border-top:3px solid #179fa5}
.search_con_wrap .con02 .pc_table table span {display: block;  }
.search_con_wrap .con02 .pc_table table thead th{background-color: #f8f8f9; font-size: 16px; font-weight: 700; height: 60px; border-bottom: 1px solid #ddd;}
.search_con_wrap .con02 .pc_table table tbody tr{cursor: pointer;}
.search_con_wrap .con02 .pc_table table tbody td{padding: 10px; text-align: center; border-bottom: 1px solid #ddd;}
.search_con_wrap .con02 .pc_table table tbody td span{font-size: 15px; color:#222; line-height: 30px;}
.search_con_wrap .con02 .pc_table table tbody td span.red{color:#e80000}
.search_con_wrap .con02 .pc_table table tbody td span.txt{text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;overflow:hidden;}
.search_con_wrap .con02 .pc_table table tbody td em{display: inline-block; width:80px; height: 30px; font-size: 15px; font-weight: 700; line-height: 28px;border-radius:3px;}
.search_con_wrap .con02 .pc_table table tbody td em.tag01{border:1px solid #ff8501; color:#ff8501}
.search_con_wrap .con02 .pc_table table tbody td em.tag02{border:1px solid #57ab67; color:#57ab67}
.search_con_wrap .con02 .pc_table table tbody td em.tag03{border:1px solid #888888; color:#888888}
.search_con_wrap .con02 .tab_table{display: none;}

/*
.search_con_wrap .paging_wrap{text-align:center; box-sizing:border-box; margin-top: 60px;}
.search_con_wrap .paging_wrap:before, .paging_wrap:after{box-sizing:inherit;}
.search_con_wrap ul.paging{display:inline-block; font-size:0; }
.search_con_wrap ul.paging li{display:inline-block; margin:0 5px; vertical-align:middle; border-radius: 50%;  border:1px solid #ddd;}
.search_con_wrap ul.paging li img{vertical-align:middle; }
.search_con_wrap ul.paging li a{display:block; width:28px; height:28px;  font-size:15px; color:#666; line-height:28px; font-weight:400; border:none; text-align: center; }
.search_con_wrap ul.paging li.page_arrow a{line-height:26px; }
.search_con_wrap ul.paging li.on{background:#666666;  border:1px solid #666;}
.search_con_wrap ul.paging li.on a{color:#ffffff; font-weight: 700; border:none; }
*/

/* sub0501 */
.sub0501_wrap .con01{background:none; padding:0; text-align:left; }
.sub0501_wrap .con01 .img_wrap{display:inline-block; vertical-align:middle;}
.sub0501_wrap .con01 .txt_wrap{display:inline-block; width:calc(100% - 435px); vertical-align:middle; padding-left:40px;}
.sub0501_wrap .con01 .txt_wrap strong{display:block; position:relative; color:#222; font-size:25px; font-weight:800; padding-left:20px; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ddd;}
.sub0501_wrap .con01 .txt_wrap strong:after{display:block; position:absolute; width:10px; height:10px; background:#179fa5; border-radius:50%; content:""; right:0; bottom:-5px;}
.sub0501_wrap .con01 .txt_wrap b{color:#179fa5; font-weight:800;}
.sub0501_wrap .con01 .txt_wrap p{display:block; position:relative; color:#555; font-size:16px; margin-bottom:20px; line-height:1.7; padding-top:0; padding-left:20px; }
.sub0501_wrap .con01 .txt_wrap p:last-child{margin-bottom:0;}
.sub0501_wrap .con01 .txt_wrap span{background:#dcf1f2; color:#179fa5; font-weight:800;}

.sub0501_wrap .con02 iframe{width:100%; height:450px;}
.sub0501_wrap .con02 ul.dot01{background:none; padding:0;}
.sub0501_wrap .con02 ul.dot01 li{}
.sub0501_wrap .con02 ul.dot01 span{display:inline-block; width:120px; font-weight:600; vertical-align:top;}
.sub0501_wrap .con02 ul.dot01 div{display:inline-block; width:calc(100% - 125px); vertical-align:top;}
.sub0501_wrap .con02 ul.dot01 div strong{display:block; font-weight:500;}
.sub0501_wrap .con02 ul.dot01 div b{display:inline-block; color:#179fa5; font-weight:400; margin-right:30px;}
.sub0501_wrap .con02 .root_daum_roughmap {width:100% !important;}
.sub0501_wrap .con02 .root_daum_roughmap .wrap_map {height: 450px !important;}

.sub0501_wrap .con03 li p.txt{padding-top:5px;}
.sub0501_wrap .con03 li p.txt em{color: #179fa5; font-weight: 700; }

/* sub0501_n */
.sub0501_n_wrap .con01 {display: flex; gap:60px}
.sub0501_n_wrap .con01 .txt_wrap strong {font-size: 24px; color: #222; margin-bottom: 30px; display: block;}
.sub0501_n_wrap .con01 .txt_wrap strong b {color: #179fa5;}
.sub0501_n_wrap .con01 .txt_wrap p {font-size: 16px; color: #555; margin-bottom: 20px; word-break:keep-all;}
.sub0501_n_wrap .con01 .txt_wrap p:last-child {margin-bottom: 0;}
.sub0501_n_wrap .con01 .txt_wrap p i {display: block;}

/* E001  history */
.e0001001_wrap h4.sub_tit{margin-bottom:40px;}
.e0001001_wrap .history_wrap{border-bottom:1px solid #ddd; padding:10px; font-size:0;}
.e0001001_wrap .history_wrap.history01{border-top:2px solid #444;}
.e0001001_wrap .history_wrap strong{display:inline-block; width:200px; font-size:24px; color:#222; font-weight:700; vertical-align:top;}
.e0001001_wrap .history_wrap ul.history_li{display:inline-block; width:calc(100% - 200px); font-size:20px; vertical-align:top; padding:5px 0;}
.e0001001_wrap .history_wrap ul.history_li > li{margin-bottom:5px;}
.e0001001_wrap .history_wrap ul.history_li li:last-child{margin-bottom:0;}
.e0001001_wrap .history_wrap ul.history_li li b{display:inline-block; width:100px; color:#222; font-size:20px; vertical-align:top;}
.e0001001_wrap .history_wrap ul.history_li li ul.dot04{display:inline-block; width:calc(100% - 100px); font-size:20px; vertical-align:top;}
.e0001001_wrap .history_wrap ul.history_li li ul.dot04 li{margin-bottom:0;}


@media screen and (max-width:1430px) {
.gnb { width:800px;}
.scroll_top {position: fixed; bottom: 20px; right: 20px; display: block; cursor: pointer; width: 50px; height: 50px;}
.scroll_top.on {position: fixed; bottom: 20px; right: 20px; display: block; cursor: pointer; width: 50px; height: 50px;}
}

/* sub0503 */
.sub0503_wrap > div{margin-top: 70px;}
.sub0503_wrap > div:first-child{margin-top: 0;}

.sub0503_wrap .con01{font-size:0; border:1px solid #ddd; border-top: 2px solid #179fa5; padding:30px;}
.sub0503_wrap .con01 img{display:inline-block; width:45%; vertical-align:middle;}
.sub0503_wrap .con01 p{display:inline-block; width:55%; vertical-align:middle; font-size:20px; color:#222; padding-left:60px;}
.sub0503_wrap .con01 p b{color:#179fa5;}

.sub0503_wrap .con02 > ul{margin-top: 40px; border-top: 2px solid #179fa5; padding-top: 30px; border-bottom: 1px solid #ddd; padding-bottom: 30px; padding-left:30px;}
.sub0503_wrap .con02 > ul > li{margin-bottom: 15px;}
.sub0503_wrap .con02 > ul > li:last-child{margin-bottom: 0px;}
.sub0503_wrap .con02 ul li span{color: #179fa5;  width: 200px; font-size: 16px; font-weight: 600; display: inline-block;} 
.sub0503_wrap .con02 li p.txt{float: left;}
.sub0503_wrap .con02 ul li span img{vertical-align: middle; margin-right: 10px;}
.sub0503_wrap .con02 ul li.clfix span{float: left;}
.sub0503_wrap .con02 ul li ul{float: left;}
.sub0503_wrap .con02 ul li ul.dot01 li{position:relative; padding-left:14px; margin-top:5px;}
.sub0503_wrap .con02 ul li ul.dot01 li:last-child{margin-bottom:0;}
.sub0503_wrap .con02 ul li ul.dot01 li:before{position:absolute; width:4px; height:4px; border-radius:50%; display:block; background:#179FA5; content:""; left:0; top:8px;}

.sub0503_wrap .con03 .list_wrap{display:flex; flex-wrap:wrap; margin-top: 40px; font-size:0;}
.sub0503_wrap .con03 .list_wrap > li{display:inline-block; border: 1px solid #ddd; width:calc(50% - 20px); margin-right:40px; padding:30px; margin-top:40px;}
.sub0503_wrap .con03 .list_wrap > li:nth-child(-n+2){margin-top:0;}
.sub0503_wrap .con03 .list_wrap > li:nth-child(2n){margin-right:0;}
.sub0503_wrap .con03 .list_wrap > li .img_wrap{width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #ddd;}
.sub0503_wrap .con03 .list_wrap > li .img_wrap img{width:100%; }
.sub0503_wrap .con03 .list_wrap > li .dot04{font-size:16px; color:#333; }
.sub0503_wrap .con03 .list_wrap > li .dot04 li{font-size:16px; color:#333; }
.sub0503_wrap .con03 .list_wrap > li strong{position:relative; display:block; font-size:18px; font-weight: 700; color:#222; line-height: 1; padding-left: 15px; margin-bottom:20px;}
.sub0503_wrap .con03 .list_wrap > li strong:before{content:''; position: absolute; left: 0; top:2px; width: 3px; height: 15px; background-color: #179fa5;}

/* sub0505 */
.sub0505_wrap{word-break:keep-all;}
.sub0505_wrap h4.sub_tit{margin-bottom: 40px;}
.sub0503_wrap.sub0505_wrap .con01 img{display:inline-block; width:32%; vertical-align:middle;}
.sub0503_wrap.sub0505_wrap .con01 p{display:inline-block; width:68%; vertical-align:middle; font-size:20px; color:#222; padding-left:30px;}
.sub0505_wrap .con02{background: #f5f5f5; padding: 20px 40px; margin-top: 30px; position: relative;}
.sub0505_wrap .con02 em{ font-weight: 700; color: #179fa5; position: absolute; left: 40px;}
.sub0505_wrap .con02 p{padding-left: 180px;}
.sub0505_wrap .con02 a{color: #555;}

/* sitemap */
.sitemap_wrap > div{margin-bottom:30px;}
.sitemap_wrap > div:last-child{margin-bottom:0;}
.sitemap_wrap h4{margin-bottom:40px;}
.sitemap_wrap .list_02{font-size:0; margin-bottom:10px;}
.sitemap_wrap .list_02 p{display:inline-block; width:calc(25% - 7.5px); border:2px solid #179FA5; border-radius:5px; margin-right:10px; margin-bottom:10px;}
.sitemap_wrap .list_02 p:nth-child(4n){margin-right:0;}
.sitemap_wrap .list_02 p a{color:#179FA5; font-size:16px; display:inline-block; width:100%; padding:15px 0;  text-align:center;}
.sitemap_wrap .list_02 p.sitemap2 a{font-size: 14px;}

.sitemap_wrap .list_03{font-size:0; }
.sitemap_wrap .list_03 li{display:inline-block; width:calc(25% - 7.5px); border:1px solid #ddd; margin-right:10px; margin-bottom:10px; border-radius:5px;}
.sitemap_wrap .list_03 li:nth-child(4n){margin-right:0;}
.sitemap_wrap .list_03 li a{color:#333; font-size:15px; display:inline-block; width:100%; padding:15px 0; text-align:center;}


/* sub0305 */
.sub0305_wrap > div{margin-top: 70px;}
.sub0305_wrap > div:first-child{margin-top: 0;}
a.a_txt01{color:#999;}



.gnb li:after{content:''; position: absolute; left: 0; transform: translateY(-50%); top: 50%; width: 100%; height: 40px; border-radius:20px; background-color: #179fa5; opacity: 0; transition: 0.3s;}
.gnb li.on a{color:#fff;}
.gnb li.on:after{opacity: 1; z-index:-10;}


@media screen and (max-width:1024px) {
/*reply*/
.reply_form{  border-top:1px solid #222; border-bottom:1px solid #222; padding: 15px 0;}
.reply_form .top{display: flex; align-items: center; margin-bottom: 10px; }
.reply_form .top label{display: block; width: 100px; font-size: 15px; color:#222; line-height: 1;}
.reply_form .top label input{vertical-align: 0; margin-left: 5px;;}
.reply_form .box{display: flex; width: calc((100% - 100px)/2); align-items: center; padding-right: 20px;}
.reply_form .box em{display: block; width: 100px; font-size: 15px; color:#222; font-weight: 500; text-align: center; line-height: 1;}
.reply_form .box input[type="text"]{display: block;width:calc(100% - 100px); height: 40px; border: 1px solid #ddd; padding: 0 10px;}
.reply_form .box input[type="password"]{display: block;width:calc(100% - 100px); height: 40px; border: 1px solid #ddd; padding: 0 10px;}
.reply_form .con{display: flex; align-items: center; }
.reply_form .con .con_box{display: flex; width: calc(100% - 100px); align-items: center;  padding-right: 20px;}
.reply_form .con .con_box em{display: block; width: 100px; font-size: 15px; color:#222; font-weight: 500; text-align: center; line-height: 1;}
.reply_form .con .con_box textarea{width: calc(100% - 100px); height: 100px; border: 1px solid #ddd; padding: 10px; resize: none;}
.reply_form .con button{width: 100px; text-align: center; line-height: 100px; font-size: 15px; color:#fff; font-weight: 500; border: 1px solid #555; background-color: #555;}

/* product_list */
.product_list {display: flex; flex-wrap: wrap; font-size: 0; margin-bottom: 40px;}
.product_list li{width:32.44%; margin-right: 1.33%; margin-top:20px;}
.product_list li:nth-child(4n) {margin-right:1.33%;}
.product_list li:nth-child(-n+4) {margin-top:20px;}
.product_list li:nth-child(3n) {margin-right:0;}
.product_list li:nth-child(-n+3) {margin-top:0;}
.product_list li a{display:block; width:100%;}
.product_list li .img_wrap{ display:block; border: 1px solid #ddd; width:100%;}
.product_list li .img_wrap .img{position:relative; padding-bottom:62.5%; overflow:hidden; }
.product_list li .img_wrap .img img{position:absolute; top:0; left: 0; right: 0; bottom: 0; margin: auto; max-width:100%; max-height:100%; width:auto; height:auto;}
.product_list li .txt{width:100%; padding:0 20px; margin-top: 20px; border-top:0; }
.product_list li .txt h5{font-size:16px; margin-bottom: 10px; color:#000; line-height:20px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:400;}
.product_list li .txt em{display:block; font-size:14px; color:#555; line-height:1;}

/* story_new */
ul.horizontal_board {width:100%;}
ul.horizontal_board li {width:100%; padding:30px 0; border-bottom:1px solid #ddd; overflow:hidden;}
ul.horizontal_board li:first-child {border-top:1px solid #ddd;}
ul.horizontal_board li .img {float:left; width:37.42%; height:auto; margin-right:3.74%;}
ul.horizontal_board li .img a {position:relative; display:block; width: 100%; height: 0; padding-bottom: 62.5%;}
ul.horizontal_board li .img img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; width:auto; height:auto;}
ul.horizontal_board li .txt {float:left; position:relative; width:58.84%; height:0; padding-bottom: 23.4%; }
ul.horizontal_board li .txt .txt_box {position:absolute; top:50%; left:0; transform:translateY(-50%);}
ul.horizontal_board li .txt span {display:block; height:40px; line-height:36px; font-size:16px; font-weight:300;}
ul.horizontal_board li .txt h4 {margin-top:0; font-weight:500; }
ul.horizontal_board li .txt h4 a {color:#000; font-size:20px;line-height:1; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
ul.horizontal_board li .txt .desc { margin:31px 0 22px; font-weight:300;}
ul.horizontal_board li .txt .desc a {display: block; font-size:16px; color:#555; line-height:28px; height:56px; overflow:hidden; font-weight:400;}
ul.horizontal_board li .txt em {position:relative; display:inline-block; margin-right:20px; font-size:16px; color:#555; line-height:1; font-weight:400;}


.sub0101 .sub0101_list { display:flex; flex-wrap:wrap;}
.sub0101 .sub0101_list li { margin-right:2%; width:32%; margin-top: 30px; border: 1px solid #ddd;}
.sub0101 .sub0101_list li:nth-child(4n) { margin-right: 2%;}
.sub0101 .sub0101_list li:nth-child(-n + 4){ margin-top: 30px;}
.sub0101 .sub0101_list li:nth-child(3n) { margin-right: 0;}
.sub0101 .sub0101_list li:nth-child(-n + 3){ margin-top: 0;}
.sub0101 .sub0101_list li a { display:block; width:100%;}
.sub0101 .sub0101_list li a .img_box .img_wrap { position:relative; width:100%; padding-bottom:56.25%;}
.sub0101 .sub0101_list li a .img_box .img_wrap img { position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; max-width:100%; max-height:100%; width:auto; height:auto;}
.sub0101 .sub0101_list li a .txt_wrap { display:flex; align-items:center; justify-content:center; padding:20px; border-top:1px solid #ddd;}
.sub0101 .sub0101_list li a .txt_wrap p { font-size:16px; line-height: 24px; max-height: 48px; color:#222; font-weight:500;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; }

}



@media screen and (max-width:767px) {
/* basic_white_whide */
.basic_board_list{width: 100%; table-layout:fixed; border-top:2px solid #179fa5; border-bottom:1px solid #ddd;}
.basic_board_list th{padding: 10px 0; border-bottom: 1px solid #ddd; color:#222; font-size: 12px;}
.basic_board_list td{padding: 10px 0; border-bottom: 1px solid #ddd; vertical-align: middle; font-size: 12px; color:#555; text-align: center;}
.basic_board_list td a{color:#555}
.basic_board_list td.left{text-align: left; padding-left: 20px;}
.basic_board_list td img{margin-left: 5px;}
.basic_board_list .mob_none{display: none;}
.basic_board_list .pc_none{display: flex; margin-top: 10px; }
.basic_board_list .pc_none span{position:relative; display: block; line-height: 1; margin-right: 12px; font-size: 12px; color::#555;}
.basic_board_list .pc_none span:after{content:''; position:Absolute; right: -6px; width: 1px; height: 10px; top: 0; bottom: 0; margin: auto 0; background-color: #555;}
.basic_board_list .pc_none span:last-child{margin-right: 0;}
.basic_board_list .pc_none span:last-child:after{display: none;}
.basic_board_list .mob_block{display: table-cell;}
/*btn*/
.admin_btn {display: flex; justify-content: space-between;margin-top: 20px; font-size: 0;}
.admin_btn a{display: inline-block; border:1px solid #777; height:30px; font-size:12px; margin-left: 5px; margin-bottom: 5px; color:#444; font-weight:bold; width:60px; text-align:center; line-height:28px;}
.admin_btn a.black_btn{background-color: #444; color:#fff;}
.admin_btn a:first-child{margin-left: 0;}
.admin_btn .btn_center{width: 100%; text-align: center;;}
.admin_btn .btn_center .form_btn{display: inline-block; border:1px solid #777; height:30px; font-size:12px; margin-left: 5px; color:#fff; background-color: #222; font-weight:bold; width:60px; text-align:center; line-height:28px;  vertical-align: top;}

/* search */
.bbs_search_wrap {margin:0 auto; padding:15px 10px; border:1px solid #ddd; background:#fafafa; margin-top: 20px;}
.bbs_search_wrap .bbs_search {display: flex; flex-wrap: wrap; justify-content: space-between;; align-items:center; }
.bbs_search_wrap .bbs_search .input_txt {width:calc(100% - 170px); height:30px; padding: 10px; margin-right: 0; border:1px solid #ddd; font-size:12px;}
.bbs_search_wrap .bbs_search select {width:100px; height:30px; padding:0 10px; margin-right: 0; vertical-align:middle; border:1px solid #ddd; font-size:12px; zoom:1;}
.bbs_search_wrap .bbs_search select:focus {border:1px solid #da0b85;}
.bbs_search_wrap .bbs_search select.disabled {border:1px solid #d0d0d0; background-color:#e9e9e9; color:#909090;}
.bbs_search_wrap .search_btn {display:block; margin:0; width: 60px; height: 30px; background-color: #222; color:#fff; font-size: 12px; line-height: 30px; cursor:pointer;}
.bbs_search_wrap .bbs_search.search_category select{width: 49%; margin-bottom: 10px;}
.bbs_search_wrap .bbs_search.search_category .input_txt {width: calc(100% - 65px); }

/*bbs_view*/
.basic_board_view .bbs_view,.bbs_view th,.bbs_view td{border:0}
.basic_board_view .bbs_view{width:100%; border-top:2px solid #222; border-bottom:1px solid #ddd; table-layout:fixed;}
.basic_board_view .bbs_view th{border-bottom:1px solid #ddd; }
.basic_board_view .bbs_view td{padding:15px 5px; border-bottom:none; border-top:none; line-height:18px; color:#555; border-bottom:1px solid #ddd; word-break:keep-all;}
.basic_board_view .bbs_view .tit{display: flex; align-items: center; padding: 15px 0;}
.basic_board_view .bbs_view .tit .left {width: calc(100% - 60px); padding:0 10px; text-align: left;}
.basic_board_view .bbs_view .tit .left em{display: block; font-size: 13px; color:#222; font-weight: 700;}
.basic_board_view .bbs_view .tit .left p{font-size: 13px; color:#555; margin-top: 5px;}
.basic_board_view .bbs_view .tit .right {border-left:1px solid #ddd; width:60px; text-align:center;}
.basic_board_view .bbs_view .tit .right p {display: block; font-size:13px; color:#555;}
.basic_board_view .bbs_view .tit .right em {display: block;  font-size:18px; color:#f22e36; font-weight:normal;}
.basic_board_view .bbs_view .bbs_view_down{padding:0 10px;}
.basic_board_view .bbs_view .bbs_view_down b {display: inline-block;  width:60px; font-size:12px; color:#222; font-weight:600; vertical-align:top;}
.basic_board_view .bbs_view .bbs_view_down p {display: inline-block;  width:calc(100% - 80px); font-size:12px; color:#555; font-weight:normal; vertical-align:top;}

/*reply*/
.reply_wrap .title {font-size: 13px; color:#444; font-weight:bold;}
.reply_wrap .title span {color:#f22e36; }
.reply_wrap .reply{margin-top: 10px;}
.reply_wrap .reply_box01 {padding: 10px 0; border-top:1px solid #ccc; }
.reply_wrap .reply_box01 .writer em {color:#222; font-size: 13px;font-weight:bold; display:inline-block; margin-right:0;}
.reply_wrap .reply_box01 .writer p span {font-size:12px; color:#777; display:inline-block; margin-left:10px;}
.reply_wrap .reply_box02 {width: calc(100% - 30px); margin-left: 30px;}
.reply_form{  border-top:1px solid #222; border-bottom:1px solid #222; padding: 10px 0;}
.reply_form .top{display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 0; }
.reply_form .top label{display: block; width: 80px; font-size: 12px; color:#222; line-height: 1; margin-bottom: 10px;}
.reply_form .top label input{vertical-align: -2px; margin-left: 3px;;}
.reply_form .box{display: flex; width: calc((100% - 100px)/1.1); align-items: center; padding-right: 10px; margin-bottom: 10px;}
.reply_form .box em{display: block; width: 70px; font-size: 13px; color:#222; font-weight: 500; text-align: center; line-height: 1;}
.reply_form .box input[type="text"]{display: block;width:calc(100% - 70px); height: 30px; border: 1px solid #ddd; padding: 0 10px;}
.reply_form .box input[type="password"]{display: block;width:calc(100% - 70px); height: 30px; border: 1px solid #ddd; padding: 0 10px;}
.reply_form .con{display: flex; align-items: center; }
.reply_form .con .con_box{display: flex; width: calc(100% - 70px); align-items: center;  padding-right: 10px;}
.reply_form .con .con_box em{display: block; width: 70px; font-size: 13px; color:#222; font-weight: 500; text-align: center; line-height: 1;}
.reply_form .con .con_box textarea{width: calc(100% - 70px); height: 70px; border: 1px solid #ddd; padding: 10px; resize: none;}
.reply_form .con button{width: 80px; text-align: center; line-height: 70px; font-size: 13px; color:#fff; font-weight: 500; border: 1px solid #555; background-color: #555;}
#comment_0{margin-bottom: 10px;;}
#comment2_0{margin-bottom: 10px;;}

/*prev_next*/
.prev_next,.prev_next th,.prev_next td{border:0}
.prev_next{width:100%; border-top:1px solid #222; border-bottom:1px solid #222; margin-top: 40px;}
.prev_next col:first-child{width: 60px;}
.prev_next th{padding:10px 5px; border-bottom:1px solid #ddd; color:#222; font-size: 13px; word-break:keep-all; overflow:hidden;}
.prev_next td{padding:10px 5px; border-bottom:none; border-top:none; line-height:18px; font-size: 12px; color:#555; border-bottom:1px solid #ddd; word-break:keep-all;}
.prev_next .none {border:none;}
.prev_next span {display: block; padding-left:15px; border-left:1px solid #999;}

/* product_list */
.product_list {display: flex; flex-wrap: wrap; font-size: 0; margin-bottom: 40px;}
.product_list li{width:48.5%; margin-right: 3%; margin-top:10px;}
.product_list li:nth-child(4n) {margin-right:3%;}
.product_list li:nth-child(-n+4) {margin-top:10px;}
.product_list li:nth-child(3n) {margin-right:3%;}
.product_list li:nth-child(-n+3) {margin-top:10px}
.product_list li:nth-child(2n) {margin-right:0;}
.product_list li:nth-child(-n+2) {margin-top:0;}
.product_list li a{display:block; width:100%;}
.product_list li .img_wrap{ display:block; border: 1px solid #ddd; width:100%;}
.product_list li .img_wrap .img{position:relative; padding-bottom:62.5%; overflow:hidden; }
.product_list li .img_wrap .img img{position:absolute; top:0; left: 0; right: 0; bottom: 0; margin: auto; max-width:100%; max-height:100%; width:auto; height:auto;}
.product_list li .txt{width:100%; padding:0 10px; margin-top: 10px; border-top:0;}
.product_list li .txt h5{font-size:14px; margin-bottom: 10px; color:#000; line-height:18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:400;}
.product_list li .txt em{display:block; font-size:12px; color:#555; line-height:1;}

/* basic_faq */
.faq_wrapper{}
.faq_wrapper .faq_contet{border-top:2px solid #179fa5;}
.faq_wrapper .faq_contet li{border-bottom:1px solid #ddd; background-color:#fff;}
.faq_wrapper .fre{cursor:pointer; position:relative; padding:15px 25px 20px 75px;}
.faq_wrapper .fre:after{content:''; background: url(http://img.dokkebi.com/images/sub/icon_faq.png) 0 0 no-repeat; width:20px; height:20px; position:absolute; right:40px; top:50%; margin-top:-10px;}
.faq_wrapper .fre .q{position:absolute; left:20px; top:50%; margin-top:-16px; color:#fff; font-weight:normal; font-size:15px; width:30px; height:30px; line-height: 26px; padding-top:1px; box-sizing:border-box; background-color:#2d2d2d; text-align:center; border-radius:15px;}
.faq_wrapper .fre strong{display:block; color:#555; font-size:14px; font-weight:500;}
.faq_wrapper .ask{position:relative; padding:0 25px 0 75px; overflow:hidden;}
.faq_wrapper .ask .ask_text{position:relative; padding:18px 0 22px; border-top:1px solid #ddd; color:#555; line-height:1.6; font-size:15px; opacity:0;}
.faq_wrapper .ask .a{position:absolute; left:20px; top:21px; color:#fff; font-weight:normal; font-size:15px; width:30px; height:30px; line-height: 26px; padding-top:1px; box-sizing:border-box; background-color:#179fa5; text-align:center; border-radius:15px;}
.faq_wrapper .faq_contet li,.faq_wrapper .fre:after,.faq_wrapper .ask .ask_text{transition-duration:0.4s}
.faq_wrapper .faq_contet li.open{background-color:#f8f8f8}
.faq_wrapper .faq_contet li.open .fre strong{color:#222; font-weight:500;}
.faq_wrapper .faq_contet li.open .fre:after{transform: rotate(135deg);}
.faq_wrapper .faq_contet li.open .ask_text{opacity:1;}
.qna_tabcon {width:100%; margin-bottom:30px; background: #f5f5f5; padding:7px;}
.qna_tabcon li {float:left; height:45px; line-height:43px; margin:0 20px; transition:all 0.2s ease-in-out;}
.qna_tabcon li a {display:block; width:100%; height:100%; color:#222; transition:all 0.2s ease-in-out;}
.qna_tabcon li.on {color:#f05852;}
.qna_tabcon li.on a {color:#f05852;}
.qna_tabcon li:hover {color: #f05852;}
.qna_tabcon li:hover a {color:#f05852;}
.qna_category img {height:35px;}

/* story_new */
ul.horizontal_board {width:100%;}
ul.horizontal_board li {width:100%; padding:15px 0; border-bottom:1px solid #ddd; overflow:hidden;}
ul.horizontal_board li:first-child {border-top:1px solid #ddd;}
ul.horizontal_board li .img {float:left; width:100%; height:auto; margin-right:0; margin-bottom:10px;}
ul.horizontal_board li .img a {position:relative; display:block; width:100%; height:0; padding-bottom:63%;}
ul.horizontal_board li .img img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%; width:100%; height:100%;}
ul.horizontal_board li .txt {float:left; width:100%; height:auto; padding-bottom:0;}
ul.horizontal_board li .txt .txt_box {position:static; top:0; left:0; transform:translateY(0);}
ul.horizontal_board li .txt span {display:block; width:80px; height:30px; line-height:20px; font-size:12px;}
ul.horizontal_board li .txt h4 {margin-top:0; font-weight:500; }
ul.horizontal_board li .txt h4 a {color:#000; font-size:12px;line-height:1; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
ul.horizontal_board li .txt .desc { margin:10px 0 10px; font-weight:300;}
ul.horizontal_board li .txt .desc a {display: block; font-size:12px; color:#555; line-height:20px; height:40px; overflow:hidden;}
ul.horizontal_board li .txt em {position:relative; display:inline-block; margin-right:10px; font-size:12px; color:#555; line-height:1; font-weight:400;}

/* certificaition */
.certificaition_wrap .cer_list li{float:left; width:49%; margin-right:2%; margin-top:28px;}
.certificaition_wrap .cer_list li:nth-child(4n) {margin-right:2%;}
.certificaition_wrap .cer_list li:nth-child(-n+4) {margin-top:28px;}
.certificaition_wrap .cer_list li:nth-child(2n) {margin-right:0;}
.certificaition_wrap .cer_list li:nth-child(-n+2) {margin-top:0;}


/* calendar */
.schedule_board .schedule_head{position:relative; width:100%;margin:0px 0px 30px 0px; padding-top:0px !important;}
.schedule_board .schedule_head .schedule_current{display: flex; justify-content:center; align-items: center; }
.schedule_board .schedule_head .schedule_current span.active_month{display:block;font-size:20px;font-weight:bold;text-align:center;line-height:1; color:#333; margin: 0 30px}/*2017�� 7��*/
.schedule_board .schedule_head .schedule_current .year_prev{display:block;width:30px;height:30px; margin-right: 5px;}
.schedule_board .schedule_head .schedule_current .month_prev{display:block;width:30px;height:30px;}
.schedule_board .schedule_head .schedule_current .year_next{display:block;width:30px;height:30px;}
.schedule_board .schedule_head .schedule_current .month_next{display:block;width:30px;height:30px;margin-right: 5px;}
.schedule_board table{table-layout: fixed; }
.schedule_board table th{padding:10px 0px;background:#f5f5f5;border:1px solid #d9d9d9;font-size:12px;color:#565656;}
.schedule_board table td{padding:0px;border:1px solid #d9d9d9;vertical-align:top; font-size: 12px;}
.schedule_board table td span{position:relative; display:block; min-height:auto; min-height: 80px;}
.schedule_board table td span.today {background-color:#f1fafe;}
.schedule_board table tr th:first-child, .schedule table tr td:first-child span em{color:#ff0000;} /*�쇱슂��*/
.schedule_board table td span em{position:relative; display:block; padding:5px; color:#555; font-size:12px; text-align:right;}
.schedule_board table td span em .cal_write{position:absolute;display: block;  left: 5px; top: 0; bottom: 0; margin: auto 0; width: 15px; height: 15px; background: url(/images/sub/cal_write.png)center no-repeat; background-size: 15px;}
.schedule_board table .scheduleCont{position:relative; padding:0px 5px 5px 5px;}
.schedule_board table .scheduleCont .circle{display: block; width: 12px; height: 12px; background-color: #555; border-radius: 50%;}
.schedule_board table .scheduleCont ul{display: none;}
.schedule_board table .scheduleCont ul li {margin-top: 5px;}
.schedule_board table .scheduleCont ul li:first-child{margin-top: 0;}
.schedule_board table .scheduleCont ul li a{display: inline-block; }
.schedule_board table .scheduleCont ul li a p{display: inline-block; font-size: 14px; color:#555; line-height: 20px; word-break: break-all;}

.sub0101 {}
.sub0101 .sub0101_list { display:flex; flex-wrap:wrap;}
.sub0101 .sub0101_list li { margin-right:2%; width:49%; margin-top: 20px; border: 1px solid #ddd;}
.sub0101 .sub0101_list li:nth-child(4n) { margin-right: 2%;}
.sub0101 .sub0101_list li:nth-child(-n+4){ margin-top: 20px;}
.sub0101 .sub0101_list li:nth-child(3n) { margin-right: 2%;}
.sub0101 .sub0101_list li:nth-child(-n + 3){ margin-top: 20px;}
.sub0101 .sub0101_list li:nth-child(2n) { margin-right: 0;}
.sub0101 .sub0101_list li:nth-child(-n + 2){ margin-top: 0;}
.sub0101 .sub0101_list li a { display:block; width:100%;}
.sub0101 .sub0101_list li a .img_box .img_wrap { position:relative; width:100%; padding-bottom:56.25%;}
.sub0101 .sub0101_list li a .img_box .img_wrap img { position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; max-width:100%; max-height:100%; width:auto; height:auto;}
.sub0101 .sub0101_list li a .txt_wrap { display:flex; align-items:center; justify-content:center; padding:10px; border-top:1px solid #ddd;}
.sub0101 .sub0101_list li a .txt_wrap p { font-size:13px; line-height: 20px; max-height: 40px; color:#222; font-weight:500;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; }

}