@charset "utf-8";

/*팝업존*/

.album-slider {position:relative;}
.album-wrap {position:relative; width:349px; height:338px;  margin:0 auto; overflow:hidden; border:1px solid #cccccc; border-left:0;}
.album-wrap ul.album {position:absolute;}
.album-wrap ul.album li {float:left; width:348px;}
ul.bt-roll {position:absolute;width:45px; top:18px; right:23px; margin:0 auto;}
ul.bt-roll li {float:left; margin-right:5px;}
.gnb_bt_2 {width:234px;}
.gnb_bt_2.ty2 a {padding-left:14px;}

/*팝업존 슬라이드*/
*{margin:0; padding:0;}
body { -webkit-overflow-scroll:touch; }
/* #container {width:1280px; height:auto; margin:0 auto; margin-top:-1px; }
#container .left_c {width:928px;}
#container .main_img {background:url(../images/main/wds_main_content_bg.gif) no-repeat; width:929px; height:464px; border-left:1px solid #c0c0c0; margin-top:1px;}
#container .main_img .login_content {float:right; background:url(../images/main/login_content_bg.png) no-repeat; width:423px; height:465px;}
#container .main_img .login_content .area h3 {border:0; padding:0; margin:0 0 7px 0;}
#container .main_img .login_content .area {position:relative; margin:22px 18px 0 18px; margin: 13px 18px 0 18px;}
#container .main_img .login_content .area ul {clear:both; overflow:hidden; border:1px solid #cbcbcb; margin-top:7px;}
#container .main_img .login_content .area ul li {overflow:hidden; background:#fff url(../images/main/login_content_ico_3.png) 10px 16px no-repeat; padding:8px 22px; font-family:'돋움'; font-size:12px; color:#555; line-height:22px;}
#container .main_img .login_content .area ul li:first-child {border-bottom:1px solid #cbcbcb}
#container .main_img .login_content .area .more_b {position:absolute; top:11px; right:5px}
#container .main_img .login_content .area th {font-size:13px; padding:14px 0;}
#container .main_img .login_content .area td {font-size:12px; padding:4px 0;}
.content_top {overflow:hidden;}
.login_be {padding-bottom:0 !important}
.login_be .name {  background:url(../images/main/login_icon.jpg) left no-repeat; font-size:12px; font-family:'돋움'; color:#777; padding:10px 5px;}
.login_be .name span{display:inline-block; color:#12af9a; margin-right:5px;}
.login_be .name strong{color:#000 }
.login_be .login_be_li {margin:12px 0 7px 40px !important;}
.login_time{font-size:12px; font-weight:normal; margin-left:5px;}
.login_be .login_be_li li{margin-top:0 !important;background:url(../images/main/login_b.png) left 9px no-repeat; line-height:23px; padding-left:15px; font-family:'돋움'; font-size:12px}
.login_noti {color:#777; background:url(../images/main/icon_xclamationmark.png) left 10px no-repeat; height:25px; padding-left:25px; padding-top:10px; border-top:1px dotted #c9c9c9; margin-left:10px; margin-right:10px; line-height:20px; font-family:'돋움'; font-size:12px; font-weight:bold;}
.login_noti .btn_view{display:inline-block; width:35px; height:20px;   border-radius:5px; color:blue; text-align:center; font-size:12px;}



#container .left_c {float:left;  position:relative;}
#container .data_search {width:929px; height:61px; background:url(/res/images/main/back_search.png) repeat-x; position:absolute; bottom:0; left:0; color:#fff;}
#container .data_search p.icon-search{width:61px; height:61px; float:left; }
#container .left_c h3 {width:170px; line-height:62px; height:62px; text-align:center;  font-size:16px; float:left; }
#container .left_c h3 img{border:1px solid red; text-align:left; vertical-align:middle; margin-right:20px;  }

#container .left_c p.check{float:left; width:100px; height:62px; float:left; font-family:dotum; font-size:12px; font-weight:bold; line-height:65px;}

#container .left_c p.search{width:560px; height:62px;  background:none; border:0; float:left; }
#container .left_c p.search input {width:400px; height:25px; margin-top:15px; opacity:0.7; float:left;}

#container .left_c p.search2{width:640px; height:62px;  background:none; border:0; float:left; }
#container .left_c p.search2 input {width:500px; height:25px; margin-top:15px; opacity:0.7; float:left;}

#container .left_c p.search a.btn-example,
#container .left_c p.search2 a.btn-example
{display:block; width:112px; height:30px; float:left; margin-left:10px; margin-top:15px;}


#container .right_c {width:350px; float:right; margin-top:1px; } */


#container {/* width:1280px; */ /* width:1230px; */ /* height:auto; margin:0 auto; margin-top:-1px; */ }/*container 중복*/
#container .main_img {background:url("../images/main/wds_index_content_bg.png") no-repeat; /*background:url(../images/main/wcs_main_content_bg.gif) no-repeat;*/ /* width:929px; */ height:465px; border-left:1px solid #c0c0c0; /*margin-top:1px;*/ position: relative; }
#container .main_img2 {background:url("../images/main/wds_index_content_bg_2.png") no-repeat;  height:465px; border-left:1px solid #c0c0c0; /*margin-top:1px;*/ position: relative; }

/*.main_container{padding:20px 20px}
.main_container .main_text01{font-size:19px; color:#4d4d4d; font-weight:bold; letter-spacing: -1.5px}
.main_container .main_text02{font-size:40px; color:#323232; font-weight:bold; letter-spacing: -1.5px}
.main_container .main_text02>span{color:#208171}*/

.main_container{position:relative; padding:130px 0 0 70px;}
.main_text{width:365px; height:76px; background:url(../images/main/main_text.png) 0 0 no-repeat; display:inline-block; text-indent: -9999px; margin-bottom:45px;}
.minput_title{font-size:14.5px; color:#707070; font-weight:bold; letter-spacing:-1px; margin-bottom: 3px;}
.minput_area{width:355px; background-color:rgba(0, 0, 0, 0.1); padding:5px; position:relative;}
.minput_area>input{width: 280px; line-height: 37px; height: 37px; margin: 1px; padding: 2px 10px 2px 20px; border: 0px; background-color: #f4f7fc; font-size: 17px; color: #3a3a3a; font-weight: 400;}
.minput_area>input::placeholder{font-size:15.5px; color:#757575; font-weight:bold; letter-spacing: -1px;}
a.btn_search{display:inline-block; width:48px; height:41px; text-indent:-9999px;
    background:#0ca591 url(../images/main/icon_search.png) 50% 39% no-repeat;
    position:absolute; top:6px; right:5px;}

#container .main_img.main{background:url("../images/main/wds_main_content_bg.png") no-repeat;}
#container .main_img.main2 {background:url("../images/main/wds_main_content_bg_2.png") no-repeat;}
.main_container.main{position:relative; padding:0px 0 0 0px;}
.main_text.main{width:365px; height:76px; text-indent:-9999px; margin:57px 0 0 70px; margin-bottom: 0;
background: url(../images/main/main_text.png) 0 0 no-repeat; display:inline-block;}

#container .main_img .login_content {float:right; background-color: rgba(0, 0, 0, 0.12); /* background__:url(../images/main/login_content_bg.png) repeat; */ width:423px; height:464px;} /*width:570px; height:309px; height:464px;*/
#container .main_img .login_content .area h3.login_content_text001 {font-size:16px; color:#fff; font-weight:bold; height:25px; border:0; /* padding__:0 0 0 20px; */ margin:0;
background:url(../images/main/bullet_title.png) 0 7px no-repeat; text-indent:13px;}
.login_content_text001>span{font-size:14.5px; font-weight:normal; letter-spacing:0.5px;}
#container .main_img .login_content .area {position:relative; margin:13px 18px 0 18px;}
#container .main_img .login_content .area ul {clear:both; overflow:hidden; border:1px solid #cbcbcb; margin-top:7px;}
#container .main_img .login_content .area ul li {overflow:hidden; background:#fff url(../images/main/login_content_ico_3.png) 10px 16px no-repeat; padding:8px 22px; font-family:'돋움'; font-size:12px; color:#555; line-height:22px;}
#container .main_img .login_content .area ul li:first-child {border-bottom:1px solid #cbcbcb}
#container .main_img .login_content .area a.more_b {cursor: pointer; width:18px; height:18px; font-size:0px; text-indent:-9999px; display:inline-block; position:absolute; top:1px; right:0px; background:url(../images/main/content_main_more.png) 0px 0px no-repeat;}
#container .main_img .login_content .area th {text-align:center; font-size:13px; padding:4px 5px;} /*font-size:13.5px; padding:8px;*/
#container .main_img .login_content .area td {text-align:center; font-size:12px; padding:3px 5px;} /*font-size:13px; padding:5px 10px;*/
.tbl_yscroll{overflow-y: scroll; background-color:#fff;}
.tbl-type.brdt_none{border-top:none;}
.content_top {overflow:hidden;}
.login_be {padding-bottom:0 !important}
.login_be .name {  /*background:url(../images/main/login_icon.jpg) left no-repeat; */ font-size:12px; font-family:'돋움'; color:#777; padding:10px 5px;}
.login_be .name span{display:inline-block; color:#12af9a; margin-right:5px;}
.login_be .name strong{color:#000 }
.login_be .login_be_li {margin:12px 0 7px 40px !important;}
.login_time{font-size:12px; font-weight:normal; margin-left:5px;}
.login_be .login_be_li li{margin-top:0 !important;background:url(../images/main/login_b.png) left 9px no-repeat; line-height:23px; padding-left:15px; font-family:'돋움'; font-size:12px}
.login_noti {color:#777; background:url(../images/main/icon_xclamationmark.png) left 10px no-repeat; height:25px; padding-left:25px; padding-top:10px; border-top:1px dotted #c9c9c9; margin-left:10px; margin-right:10px; line-height:20px; font-family:'돋움'; font-size:12px; font-weight:bold;}
.login_noti .btn_view{display:inline-block; width:35px; height:20px;   border-radius:5px; color:blue; text-align:center; font-size:12px;}


/*로그인후*/
#container .left_c {float:left;  position:relative; width:930px;}
#container .data_search {clear:both; width:929px; height:55px; background:url(/res/images/main/back_search.png) repeat-x; position:absolute; bottom:0; left:0; color:#fff;}
#container .data_search p.title{width:135px; height:40px; float:left; padding:15px 0 0 95px; font-weight:bold; font-size:16px; /* font-weight__:bold; */ letter-spacing:-1px;
background:/* #3370b1 */ url(/res/images/main/icon_paper.png) 30px 45% no-repeat;  }
#container .left_c h3 {/* width__:240px; */  height:35px;  font-size:16px;  float:left; }
/* #container .left_c h3 img{ text-align:left; vertical-align:middle; margin-right:20px;  } */
.user_search_btn001{font-size: 15px; color: #fff; letter-spacing:-0.5px; font-weight: bold;
    background:#3186d1 url(../images/common/btn_search.png) 20px 48% no-repeat;
    padding: 8px 20px 10px 42px; border-radius: 2px; position: absolute; top: 8px;margin-left: 7px;}
#container .left_c p.search{width:560px; height:62px;  background:none; border:0; float:left; margin:7px 0 0 20px; }
#container .left_c p.search input {width:500px; height:34px; font-size:18px; opacity:0.7; float:left; padding-left:10px;}
#container .left_c p.search span{margin-top:5px;}
#container .left_c p.search input,.user_search_btn001____{vertical-align:middle;}
#container .left_c p.search input[type="text"]::-webkit-input-placeholder {font-size:15px; color:#353535; letter-spacing:-1px;}

/*로그인전*/
#container .data_search.type2 p.title{width:270px; height:40px; float:left; padding:15px 0 0 90px; font-weight:bold;
/*#container .data_search.type2 p.title{width:140px; height:40px; float:left; padding:15px 0 0 90px; font-weight:bold;*/
background: /* #3370b1 */ url(/res/images/main/icon_paper.png) 30px 45% no-repeat;}
#container .data_search.type2 p.check{float:left; width:100px; height:55px; float:left; font-size:14px; font-weight:bold; line-height:50px;;
background:url(/res/images/common/list_style_w.png) 18px 48% no-repeat; padding-left:27px;}
#container .left_c .data_search.type2 p input {width:380px; height:34px; font-size:18px; opacity:0.7; float:left; padding-left:10px;}
#container .left_c .data_search.type2 p.search{width:525px;}

/* #container .left_c p.search2{width:640px; height:62px;  background:none; border:0; float:left; }
#container .left_c p.search2 input {width:500px; height:25px; margin-top____:15px; opacity:0.7; float:left;} */

#container .left_c p.search a.btn-example,
#container .left_c p.search2 a.btn-example
{display:block; width:112px; height:30px; float:left; margin-left:10px; margin-top:15px;}




#container .right_c {width:350px; float:right; margin-top:1px; }




#container .right_c .login_box {position:relative; /* width:348px; */ height:124px; border-right:1px solid #cccccc;}
#container .right_c .login_box h3{padding-top:18px; margin-left:20px;}
#container .right_c .login_box input {width:140px; height:18px; padding:0; border:1px solid #c7c7c7; color:#000;}
#container .right_c .login_box ul {margin-left:20px;}
#container .right_c .login_box li {margin-top:6px; color:#333333; font-size:14px; font-weight:bold; }
#container .right_c .login_box label {width:78px; display:inline-block; vertical-align:top; margin-top:5px}
#container .right_c .login_box .login_go {position:absolute; right:18px; top:50px; width:76px; height:57px; border-radius:3px; background:#3186d1; line-height:57px; text-align:center; font-size:12px; font-weight:bold; color:#fff;}
#container .right_c .login_box .login_sb_btn li {float:left}
#container .right_c .login_box  li input{width:150px; height:24px; border:1px solid #ccc; margin-left:-5px;}
#container .right_c .login_box .login_sb_btn {overflow:hidden; width:302px; border-top:1px dotted #adadad; padding:15px 0 5px 0;}
#container .right_c .login_box .login_sb_btn a {width:158px; height:25px; display:inline-block; background:url(../images/main/login_sub_btn.png) no-repeat; font-size:12px; font-weight:bold; color:#777; text-align:center; line-height:25px;}
#container .right_c .login_box .login_sb_btn a.ty2 {width:138px; margin-left:5px; background-size:138px 25px !important}


/*로그인 된 후 스타일 추가*/

ul.login_time{float:left; height:30px; margin-top:10px;}
a.logout_go{display:block; float:right; color:#fff;  margin-top:15px; margin-right:15px; margin-bottom:10px; width:70px; height:30px; line-height:30px; background:#3186d1; font-size:12px; text-align:center; border-radius:3px;}




#container .content_bottom {clear:both; height:260px; overflow:hidden; margin-top:25px; }
#container .content_bottom .borad_list {position:relative; width:422px; float:left; /* margin-top___:25px; */ border__:1px solid #cccccc; }
#container .content_bottom .borad_list.edu {margin-left:40px}
#container .content_bottom .borad_list ul {overflow:hidden; margin-top:13px; width:97%; padding-right:2%; }
#container .content_bottom .borad_list h3 {font-weight:bold; line-height:50px; height:50px; font-size:18px; color:#303030; letter-spacing:-1px; border-bottom:1px solid #303030;}
#container .content_bottom .borad_list h3 img{vertical-align:middle;}
#container .content_bottom .borad_list li { /* height___:25px; font-family___:'굴림'; */ font-size:13px; letter-spacing:-0.5px; color:#404040; font-weight__:bold; line-height:27px; margin-left:7px; padding-left:12px;}
#container .content_bottom .borad_list li a {display:block; background:url(/res/images/common/list_style01.png) 0 12px no-repeat; text-indent:13px;}
#container .content_bottom .borad_list li .cont {float:left; width:300px; word-spacing:2px;}
#container .content_bottom .borad_list li .cont a:hover {text-decoration:underline;}
#container .content_bottom .borad_list li .date {float:right; letter-spacing:-0.3px;}
#container .content_bottom .borad_list li .new {display:inline-block; vertical-align:middle; margin-top:-3px; margin-left:5px;}
#container .content_bottom .borad_list li:hover {text-decoration:underline; color:#c88002}
#container .content_bottom .borad_list .more {position:absolute; right:5px; top:20px; letter-spacing:-0.5px;}
/*quick*/
/* #container .content_bottom .content_infomation {float:left; margin-left:40px; margin-top:40px;  }
#container .content_bottom .content_infomation li {float:left; height:198px; text-align:center; }
#container .content_bottom .content_infomation li.first-Bnr{padding-left:10px; }

#container .content_bottom .content_infomation li .go {margin-top:5px;} */
.content_infomation{float:right; margin-left:40px; margin-top:5px; text-align:center; }
.content_infomation ul li{float:left; width:116px; height:60px; padding-top:140px;}
.content_infomation ul li a{font-size:15px; color:#fff; font-weight:bold; letter-spacing:-0.5px; }
.content_infomation ul li.first{background:#5298d4 url(/res/images/main/info_icon01.png) 50% 40px no-repeat;}
.content_infomation ul li.second{background:#3baec7 url(/res/images/main/info_icon02.png) 50% 40px no-repeat;}
.content_infomation ul li.third{background:#2c68a9 url(/res/images/main/info_icon03.png) 50% 40px no-repeat;}
/* .content_infomation ul li a p{font-size:11px; color:#fff; font-weight:normal; letter-spacing:-1px; padding:5px 10px; border:1px solid #dce1e6; display_:inline-block; margin:5px 15px 0; } */


/*팝업존*/
.album-slider {position:relative;}
.album-wrap {position:relative; /* width:349px; */ height:338px;  margin:0 auto; overflow:hidden; border:1px solid #cccccc; border-left:0;}
.album-wrap ul.album {position:absolute;}
.album-wrap ul.album li {float:left; width:348px;}
ul.bt-roll {position:absolute;width:45px; top:18px; right:23px; margin:0 auto;}
ul.bt-roll li {float:left; margin-right:5px;}
.gnb_bt_2 {width:234px;}
.gnb_bt_2.ty2 a {padding-left:14px;}


/*팝업존 슬라이드*/
.btn-roll{list-style-type: none; position: absolute; top: 0px; right: 10px; width: 340px; left: 50%; margin-left: -170px; text-align: center;}
.album-slider .btn-roll li {/* float_: left; */ display:inline-block; width:14px; text-align:center; vertical-align: middle;}
.album-slider .btn-roll li a >img{vertical-align: middle;  }
.album-slider a, .album-slidera:hover, .album-slider a:visited{text-decoration:none; color:#fff; line-height:17px; display: block;}

/* 인트로 */
.intro_bg { margin-top:80px; height:370px;background:#fff url(../images/intro/intro_bg_t2.png) left 50% no-repeat; background-size:100%;}
#intro .txt1 { letter-spacing:-2px; margin-top:130px; text-align:center; font-size:32px; color:#808080; }
#intro .bla {color:#313131 !important}
#intro .txt2 {letter-spacing:-2px; font-weight:bold; text-align:center; font-size:58px; color:#73a61b; }
#intro .c2 {color:#2283c0 !important}
#intro2 .text_bg {background:url(../images/intro/intro_text_bg.png) no-repeat}
#intro2 .txt1 { letter-spacing:-2px; padding-top:20px; text-align:center; font-size:32px; color:#808080; }
#intro2 .bla {color:#313131 !important}
#intro2 .txt2 {letter-spacing:-2px; font-weight:bold; text-align:center; font-size:58px; color:#73a61b; }
#intro2 .c2 {color:#2283c0 !important}
.txt_bg {width:1077px; height:162px; padding-top:120px; margin:0 auto; background-size:contain !important; background:url(../images/intro/intro_text_bg.png) center 120px no-repeat;}
.btn_ar img {width:280px; margin-top:46px;}
.ml150 {margin-left:150px}
*{margin:0; padding:0;}
#Intro-Wrapper{width:100%; height:auto; margin:0 auto; background:url(/res/images/main/back_intro.jpg ) center 0 no-repeat; overflow:hidden;}
#Intro-Wrapper #Intro-Contents{width:1024px; height:auto; margin:0 auto; }
#Intro-Wrapper #Intro-Contents h1{ text-align:center; margin-top:150px; font-size:30px; font-weight:normal;}
#Intro-Wrapper #Intro-Contents h1 span{display:block; font-size:52px; color:#3161c6; font-weight:bold;}
#Intro-Wrapper #Intro-Contents h1 span em{font-style:normal; color:#639102; font-weight:bold;}
#Intro-Wrapper #Intro-Contents .Wcs-Banner{width:510px; height:600px; margin-top:55px;  float:left; background:url(/res/images/main/back_obj_a.png) no-repeat;}
#Intro-Wrapper #Intro-Contents .Wcs-Banner img{width:431px; height:490px; margin-left:80px; }
#Intro-Wrapper #Intro-Contents .Wds-Banner{width:510px; height:600px; margin-top:55px;  float:left; background:url(/res/images/main/back_obj_b.png) right 0 no-repeat;}
.Inter-Footer{clear:both; width:100%; height:50px; background:#ababab; color:#fff; }
.Inter-Footer p{text-align:center; line-height:50px;}

/* 인트로 20190916*/
.intro_wrap{background-color:#eef1f6; min-height: calc(100vh - 48px); font-family:'Noto Sans KR';}
/* .intro_top{background:#a1d1db url(../images/main/intro_shbg.png) 0 bottom repeat-x;} */
.intro_top{background:#a1d1db url(../images/main/intro_shbg.png) 0 bottom repeat-x; height: 460px;}
.intro_top_cont{width:930px; margin:auto; position: relative;}
/* .intro_text01{font-size:33px; color:#444444; letter-spacing: -1px; line-height:37px; padding-top: 180px} */
.intro_text01{font-size:33px; color:#444444; letter-spacing: -1px; line-height:37px; padding-top: 120px}
.intro_text02{font-size:41px; color:#0f6577; font-weight:bold; letter-spacing: -1.5px; line-height:40px; margin-top:13px; text-shadow:2px 2px 1px rgba(255,255,255,.4)}
/* .intro_img{background: url(../images/main/intro_bg_2.png) 0 0 no-repeat; width: 753px; height: 362px; display: inline-block; */
.intro_img{background: url(../images/main/intro_bg_2.png) 0 0 no-repeat; width: 753px; height: 362px; display: inline-block;
/* position: absolute; bottom: 72px; right: -71px; bottom :-178px;} */
position: absolute; bottom: 72px; right: -33px; bottom :-178px;}
/* .intro_cont{width:930px; min-height_:700px; margin:-73px auto 0; padding-bottom:98px;} */
.intro_cont{width: 1000px;/* min-height_:700px; */margin: -72px auto 0;padding-bottom:98px;}
.intro_cont:after{content:""; display:block; clear:both}
.intro_cont .type_wcs, .intro_cont .type_wds{background:#fff; float:left; box-shadow:8px 12px 0px rgba(200,200,200,.2); display:inline-block; width:435px; /*height:440px;*/}
.intro_cont .type_wds:after{content:""; display:block; clear:both}
/* .intro_cont .type_wcs{margin-right:40px;} */
.intro_cont .type_wcs{margin-right: 85px;}

.type_in{padding:35px 35px 40px}
.wcs_text01, .wds_text01{font-size:22px; color:#fff; /* font-weight_:bold; */ text-align:center; padding:20px 0;}
.wcs_text01{background-color:#3dadb9}
.wds_text01{background-color:#3286cd}
dl.intro_wcs, dl.intro_wds{background-color:#eef1f6; border-radius: 5px; padding:15px 18px 15px 25px}
dl.intro_wcs>dt, dl.intro_wds>dt{font-size:18px; color:#fff; display: inline-block; padding:2px 13px 3px; border-radius: 3px; position: relative;}
dl.intro_wcs>dt{background:#32a9b5;}
dl.intro_wcs>dt:after{content:""; position:absolute; width:8px; height:8px; left: 23px; bottom: -8px; display: inline-block; background:url(../images/main/intro_type01.png) 0 0 no-repeat;}
dl.intro_wds>dt{background:#267ecb;}
dl.intro_wds>dt:after{content:""; position:absolute; width:8px; height:8px; left: 23px; bottom: -8px; display: inline-block; background:url(../images/main/intro_type02.png) 0 0 no-repeat;}
dl.intro_wcs>dd, dl.intro_wds>dd{font-size:19px; color:#414141; letter-spacing: -0.5px; line-height: 25px; margin-top: 10px;}
dl.intro_wcs>dd>span{color:#0a919e}
dl.intro_wds>dd>span{color:#1473c8}
.intro_text03{font-family:'Malgun Gothic',Dotum; font-size:16px; color:#6e6e6e; letter-spacing: -1.5px; padding:25px 0 25px; display: inline-block}
a.intro_btn{font-size:19px; color:#fff; line-height: 55px; border-radius: 3px; display:block; padding:0 30px; /* padding:15px 30px 10px\0/IE9; */ background:url(../images/main/intro_arrow.png) 90% 50% no-repeat;}
a.intro_btn.ty01{background-color:#32a9b5}
a.intro_btn.ty02{background-color:#267ecb}
.intro_footer{clear:both; background-color:#d7dadd; width:100%; min-height:18px; font-size:13px; color:#555; text-align: center; padding:15px 0; /*position: absolute; bottom:0px;*/}

/* 처분 메인 상단 권장브라우저 안내 */
.Toggle-Bnr{width:100%; background:#e1e8f0; margin:0 auto;}
.Toggle-Bnr p{font-size:18px; color:#333; /*font-weight:bold;*/ letter-spacing:-1px; text-align:center; width:1020px; height:50px; margin:0 auto; padding:20px 260px 0 0px; 
background:url(/res/images/main/wcs_toggle_banner_2.png) right 0 no-repeat; position:relative}
.Toggle-Bnr p>strong{color:/*#ff7200*/#1778ce}
/*.Toggle-Bnr p img{vertical-align:bottom; border:0;}*/
.Toggle-Bnr p>i{width:22px; height:22px; background:#3186d1; border-radius:100px; display:inline-block;
font-style:normal; font-size:16px; color:#fff; font-weight:bold; text-align:center; margin-right:8px; vertical-align:1px;}
/*.Toggle-Bnr p a{display:block; width:36px; height:36px; position:absolute; top:20px; right:200px;}*/
.guideClose.ty02{width:28px; height:28px; position:absolute; right:0; bottom:0; text-indent:-9999px; background:rgba(0,0,0,0.15);}
.guideClose.ty02:before,.guideClose.ty02:after{content:''; position:absolute; width:22px; height:3px; background-color:#fff; border-radius:2px; top:13px;}
.guideClose.ty02:before{left:3px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);}
.guideClose.ty02:after{right:3px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg);}

/* 1015 task */
.task_wrap{width:990px; margin:25px auto 0px;}
.task_member{min-height:120px; border:1px solid #dbdbdb; border-radius:0 0 7px 7px;}
/*.task_areaBox{width:142px; height:97px; padding:23px 0 0 30px;; border-radius: 7px 0px 0px 7px; background:#e0ecf4 url(/res/images/main/member_icon.png) 93% bottom no-repeat; float:left}*/
.task_areaBox{border-radius: 7px 7px 0 0; background: #e0ecf4 url(../images/common/title_bullet.png) 37px 13px no-repeat;
/* background-size: 75px; */ padding: 13px 35px 10px 60px; border:1px solid #dbdbdb; border-bottom:0px;}
.task_mtitle01{font-size:17px; color:#494949; font-weight:bold; letter-spacing:-1.5px; line-height:13px; vertical-align:middle;}
.task_mtitle01>span{font-size:15px; color:#1c3e81; letter-spacing:-0.5px; padding-left:6px; vertical-align:middle; margin-bottom:4px; display:inline-block;}
.task_member ul.task_memberin{padding:23px 0 0 10px}
.task_member ul.task_memberin li{width:105px; border-left:1px solid #dbdbdb; float:left; padding:0 28px; position:relative; z-index:9;}
.task_member ul.task_memberin li:first-child{border-left:0px;}
.task_member ul.task_memberin li:after{content:""; position:absolute; top:75px; left:30px; height:2px; width:103px; background-color:#e7eaec;}
.task_member ul.task_memberin li p{font-size:14px; color:#494949; font-weight:bold; letter-spacing:-1px;}
.task_member ul.task_memberin li span{font-size:20px; color:#545454; height:47px; padding-top:10px; display: inline-block; position: relative; z-index:1;}
.task_member ul.task_memberin li a{font-size:37px; color:#323232; font-weight:bold; letter-spacing:-1px; line-height:37px; vertical-align: bottom; padding-right:3px;}
span.mlist_num01{ border-bottom:2px solid #7358ad}
span.mlist_num02{ border-bottom:2px solid #e14880}
span.mlist_num03{ border-bottom:2px solid #ffdb35}
span.mlist_num04{ border-bottom:2px solid #ff5c1c}
span.mlist_num05{ border-bottom:2px solid #13cbf3}
span.mlist_num06{ border-bottom:2px solid #11c0a9}
.task_search_bg{clear:both; margin:15px auto 23px; padding:9px 20px 0; height:50px; background-color:#e0ecf4; overflow:hidden }
.task_search ul{width:400px; height:50px; background-color:#fff; float:left; padding-top:6px; border-radius:3px 3px 0px 0px; box-shadow: 1px 1px 2px 2px #e5e5e5;}
.task_search > span{font-size: 14px; color:#656565; letter-spacing: -1px; float:left; background: url(../images/main/list_style01.png) 0 7px no-repeat; margin:13px 0 0 17px; padding-left:12px;}
.task_search > ul > li{float:left; /* padding-top:8px */}
.task_search > ul > li.task_label{width:125px; font-size:15px; color:#525252; font-weight:bold; text-align:center; letter-spacing:-1px; position:relative; top:8px;}
.task_search > ul > li.task_label:after{content:""; position:absolute; top:3px; right:0px; width:1px; height:17px; background-color:#c0c0c0;}
.task_search ul li select.task_select{font-size:15px; color:#525252; font-weight:bold; letter-spacing:-0.5px; width:245px; height:37px; padding: 2px 30px 2px 10px; margin-left:15px;
font-family: inherit; background: #fff url(../images/main/task_select.png) no-repeat 100% 50%;
border: none !important; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.task_contents.left{float:left; width:682px;  min-height:500px; }
.task_section01{/* height:277px; */ height:200px; padding-bottom:22px; margin-bottom:17px; border-bottom:1px solid #d0d0d0;}
li.task_part01{/* width:282px; */width:437px; /* height:229px; */height:143px; padding: 25px 23px 23px; display:inline-block; float:left; border:1px solid #d0d0d0; border-radius:5px; box-shadow: 1px 1px 2px 1px #e5e5e5;}
li.task_part01.first{margin-right:18px;}
.tcontent_title{font-size: 14px; color:#606060; font-weight:bold; letter-spacing: -0.5px; }
.tcontent_title span{display: block; font-size: 17px; color:#1c3e81; font-weight:bold; letter-spacing: -0.5px; background: url(../images/common/title_bullet.png) 1px 9px no-repeat; padding:5px 0 13px 22px;}
.tcontent_title02{display: block; font-size: 17px; color:#1c3e81; font-weight:bold; letter-spacing: -1px; text-align: center; padding:0px 0 15px;}
.task_section02{clear:both; }
.task_section02 li{/* width:323px; */width:462px; float:left; padding:0 0 0 15px; }
.task_section02 li.task_part02.first{border-right:1px solid #d9d9d9; /* padding-right__: 15px; */ margin-right: 7px; padding-right:20px;}
li.task_part02 p{/* width:323px; */ width:460px; height:85px; margin-bottom: 12px; display:inline-block; }
li.task_part02 p.img_box01{background:url(../images/main/section_img01.png) 0 0 no-repeat; /* background-size_:512px; */}
li.task_part02 p.img_box02{background:url(../images/main/section_img02.png) 0 0 no-repeat; /* background-size_:512px; */}
.task_contents.right{float:right; width:480px;  min-height:547px; padding:22px 20px 23px; border:1px solid #dbdbdb; border-radius:5px; box-shadow:1px 1px 2px 1px #e5e5e5; text-align:center;  }
.task_list_title{font-size:15px; color:#f7f8f9; text-align:center; display:inline-block; padding:3px 20px; background-color:#0667b9; border-radius:25px;}
.task_area02{font-size:17px; color:#494949; letter-spacing:-1px; padding:7px 0 13px; text-align:center; display:block; }

/*레이어팝업*/
.layerpopup{display:none; position:fixed; left:0; right:0; top:0; bottom:0; margin-left:0px !important; text-align:center; background-color:rgba(0, 0, 0, 0.5); z-index:999; /* font-family:'Malgun Gothic','Noto Sans KR'; */}
.layerpopup:before{content:""; display:inline-block; height:100%; vertical-align: middle;}
.layer_container{display:inline-block; vertical-align:middle; height:auto; background-color:#fff; z-index:10;}
.layer_container dl.noti_text01 dt{font-size:22px; font-weight:bold; letter-spacing:-2px; line-height:28px;}
.layer_container dl.noti_text01 dd{font-size:13px; color:#242424; letter-spacing:-1px; line-height:24px; margin:10px auto 0; /* min-height__:180px; */ max-height:270px; overflow-y:auto; margin-top:10px; padding:10px 15px 10px;}
dd.pre{white-space:pre-line; }
.p_bottom{padding:0px 15px 20px;}
.p_bottom:after{content:""; display:block; clear:both}
.p_bottom>label{float:left; text-align:left; font-size:12px; color:#464646; letter-spacing:-1.5px; padding-top:5px;}
.p_bottom input.p_checkbox01{width:15px; height:15px; margin-right:2px; margin-top:-2px;}
.layer_container.type02{border:5px solid #3571B5; padding:25px 25px; text-align:left;}
.layer_container.noti01{border:5px solid #afe9f5}
.layer_container.noti01>.pop_bg01{height:150px; /*border-bottom:5px solid #e5e5e5;*/ background:#afe9f5 url(../images/popup/noti01_bg01.png) 50% 15px no-repeat;}
.layer_container.noti01>dl.noti_text01{padding:20px 15px 10px; text-align:left; border:5px solid #e5e5e5; border-bottom:none}
.layer_container.noti01>dl.noti_text01>dt{color:#242424; text-align:center; }
.layer_container.noti01>dl.noti_text01>dd{background-color:#f9f9f9;}
.notiin_t{font-size:12.5px; color:#fff; font-weight:bold; line-height: 18px; letter-spacing:-0.5px; background-color:#37bcc9; border-radius:50px; padding:1px 13px; margin-top:5px; display:inline-block;}
.notiin_list{margin:2px 0 7px;}
.notiin_list>li{background:url(../images/common/li-bg-ty2.gif) 4px 9px no-repeat; line-height:20px; text-indent:10px; letter-spacing:-0.5px;}
.layer_container.noti01 .p_bottom{padding:0px 15px 10px; border:5px solid #e5e5e5; border-top:none;}
.layer_container.noti02{text-align:center; position:relative;}
.layer_container.noti02>.pop_bg01{height:13px; background:#f2b129 url(../images/popup/noti02_bg01.png) 0 0 repeat-x;}
.layer_container.noti02 dl.info_text01{margin-bottom:20px; padding:0 30px;}
.layer_container.noti02 dl.info_text01>dt{font-size:27px; color:#000; font-weight:400; letter-spacing:-2.5px; padding:35px 20px 15px;}
.layer_container.noti02 dl.info_text01>dt>span{/* font-weight__:normal; */ color:#f28c29; letter-spacing: -1.5px;}
.layer_container.noti02 dl.info_text01>dd{font-size:15px; color:#323232; line-height:22px; letter-spacing: -1px; padding-bottom:195px;
 background: url(../images/popup/noti02_bg02.png) 52% bottom no-repeat; }
.layer_container.noti02 dl.info_text02{background:#f2b129; padding:20px 20px;}
.layer_container.noti02 dl.info_text02>dt{font-size:17px; color:#fff; letter-spacing: -1px; background:#272a1f; border-radius:50px; padding:3px 20px 5px; line-height:18px; display:inline-block; vertical-align:middle; margin-bottom: 7px;}
.layer_container.noti02 dl.info_text02>dd{font-size:17px; color:#272a1f; font-weight:bold; letter-spacing:-1px}
.layer_container.noti02 .p_bottom{padding:10px 15px 10px; background-color: #f0f0f0;}

.pbtn_area{padding-top:20px; text-align:center;}
.pbtn_area02{text-align:center;}
.btn{font-weight:bold; letter-spacing:-1.5px; text-align:center; display:inline-block; line-height:27px; padding:0 14px 0; border-radius:2px; vertical-align:middle; display:inline-block;}
.btn_blue, .btn_blue:visited, .btn_blue:active{font-size:12px; color:#fff; background-color:#3186d1; border:1px solid #3186d1!important;}
.btn_blue:hover{background-color:#257cc8 }

a.layer_close, a.layer_close:visited, a.layer_close:active{font-size:12px; color:#fff; background-color:#8c8c8c; border:1px solid #8c8c8c;}
a.layer_close:hover{background-color:#868585}
a.layer_close.type02{width:26px; height:26px; float:right; text-indent:-9999px; background: url(../images/popup/pop_close_2.png) 0 0 no-repeat; border:none;}

.pop_title{font-size:19px; color:#242424; font-weight:bold; letter-spacing:-1px; padding:0 0 7px 20px; margin-bottom:5px; border-bottom:1px dotted #444; background:url(../images/popup/pop_title_bullet.png) 0 5px no-repeat;}
.list_style01{padding:7px 5px 7px 105px; border:1px solid #dde7f3; background:#eff4f7 url('../images/popup/list_icon.png') 28px 50% no-repeat}
.list_style01 li {font-size:12px; color:#666; line-height:20px; padding-left: 7px; background: url(../images/common/li-bg-ty2.gif) left no-repeat;}
.list_style01 li.list_excep{color:#444; font-weight:bold;}
.list_style01{margin-top:20px; margin-bottom:10px;}
.countbg {/* font-family:'돋움'; */ font-size:12px; color:#444; letter-spacing:-0.5px; text-indent:13px; background:url(../images/popup/board_count.png) 0 3px no-repeat}
.tbl-type.sms.type01 th{padding:10px 5px}
.tbl-type.sms.type01 td{padding:7px 5px}

/* .tbl-type.type01 {border:1px solid #dddcdc !important; box-sizing:border-box;}
.tbl-type.type01 th {font-size:13px; color:#242424; letter-spacing:0px; border:0; border-bottom: 1px solid #e5e5e5; padding:10px 10px; background: #eef3f6 url(../images/common/sms_table_bg.png) right bottom no-repeat;}
.tbl-type.type01 th:last-child{background-image:none; background-color:#eef3f6 }
.tbl-type.type01 td{text-align:center; padding:5px 10px; letter-spacing:-0.5px}
.tbl-type.type01 td.t_red{font-size:14px; color:#ec1717; letter-spacing:-1px; font-weight:bold;}
.tbl-type.type01 td.t_grey{font-size:14px; color:#aeaeae; letter-spacing:-1px; font-weight:bold;}
.tbl-type.type02 {border-top:1px solid #e5e5e5 !important; box-sizing:border-box;}
.tbl-type.type02 th {font-size:13px; color:#242424; letter-spacing:0px; background:#eef3f6; border: 0; border-top:1px solid #e5e5e5; padding:5px 10px;} */
.scrollbar::-webkit-scrollbar-track{background-color: #F5F5F5; -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);}
.scrollbar::-webkit-scrollbar{width:8px;}
.scrollbar::-webkit-scrollbar-thumb{background-color: #dbdbdb;}

/* 설문조사*/
.layer_container.survey{border:5px solid #afe9f5;}
dl.survey_top{text-align:left; padding:25px 280px 30px 25px;min-height:200px; margin-bottom:15px; background:#f6f7f8 url(/res/images/main/survey_bg.png) 97.5% 57% no-repeat}
/* dt.survey_title{font-size:22px; color:#fff; letter-spacing:-1.5px; font-weight:bold; line-height:34px; display:inline-block;
padding:0 15px; background:#1c5aa4; margin-bottom:15px; border-radius:3px;} */
dt.survey_title{font-size:22px; color:#1c5aa4; letter-spacing:-2px; font-weight:bold; line-height:34px; display:inline-block;
margin-bottom:18px;}
dl.survey_top>dd{font-size:15px; color:#333; letter-spacing:-1px; text-align:left; line-height:22px;}
dl.survey_top>dd>span{color:#1c5aa4}
.survey p.necessary{font-size:12.5px; color:#555; letter-spacing:-0.5px; text-align:right; margin-bottom:5px;}
.survey p.necessary>span{width:6px; height:6px; background:red; border-radius:12px; display:inline-block; vertical-align:2px;}
.survey_cont{padding:0 20px 20px;}
.tbl-type.survey{border-top:0px; }
.tbl-type.survey.ty01{border-top:1px solid #d1d1d1; border-bottom:0px;}
.tbl-type.survey thead th{font-size:12.5px; letter-spacing:-1px; padding:13px 1px; border-right:0px;}
.tbl-type.survey tbody td{font-size:13.5px; letter-spacing:-0.5px; line-height:22px; /* padding:7px 1px; */padding-left:13px; text-align:center; border-right:0px; border-top:1px dashed #d1d1d1}
.tbl-type.survey tbody th{/* font-size__:17px !important; */ letter-spacing:-0.5px !important; padding:2px 10px 3px !important; border:0px !important;}
.tbl-type.survey thead th:last-child{padding-right:17px;}
.tbl-type.survey tbody tr.showtr{/* display_:none */}
.tbl-type.survey tbody tr.showtr td{border-top:0px; padding-top:0px; }
.tbl-type.survey tbody td>textarea{font-family:'Malgun Gothic',Dotum; letter-spacing: -0.5px; width:calc(100% - 15px); resize:vertical; border:1px solid #ddd; border-radius:1px; background:#f6f7f8;}
.survey input[type="radio"]{width:20px; height:20px;}
.survey input[type="checkbox"]{width:17px; height:17px; margin-right:4px; vertical-align:-4px;}
.survey .p_bottom>label{font-size:14px;}
/* .tbl-type.survey tbody td.s_question{color:#666; text-align:left; padding-right:10px; padding-left:8px;} */
.tbl-type.survey tbody td.s_question{font-size:15px; color:#333; text-align:left; letter-spacing:-1px; padding:10px 10px 10px 15px !important; background:#f6f7f8;}
.tbl-type.survey td label{font-size:14px;}
.survey .qu_num{padding-right:5px; display:inline-block; font-size:16px; color:#257cc8; line-height:22px; font-weight:bold; letter-spacing:-0.5px; position:relative}
.survey .qu_num.necessary:after{content:""; position:absolute; width:6px; height:6px; background:red; border-radius:12px; display:inline-block; left:-6px; top:3px;}
.survey .tbl_yscroll {overflow-y:scroll; border-bottom:1px solid #dfdfdf;}
.survey .p_bottom{padding:15px 0px 15px;}

/*quick*/
.content_infomation.ty02{ float:right; margin-left:40px; margin-top:10px; text-align:center; background:#f4f4f4; width:310px; padding:15px 20px 15px 20px;}
.quick_menu{font-size:20px; color:#333; font-weight:bold; line-height:19px; float:left; padding:17px 0 0 13px;}
.content_infomation.ty02 ul li{float:none; width:100%; height:46px; padding-top:0; border-radius:100px; margin-bottom:10px; text-align:left; display:table;}
.content_infomation.ty02 ul li:last-child{margin-bottom: 0px}
.content_infomation.ty02 ul{background:url(/res/images/main/quick_icon.png) 4px 88% no-repeat; padding-left:95px;}
.content_infomation.ty02 ul li a{font-size:15.5px; color:#333; font-weight:bold; letter-spacing:-1px; display: table-cell; vertical-align:middle; text-indent:57px; position:relative;}
.content_infomation.ty02 ul li.first{background: #fff url(/res/images/main/info_icon01_1.png) 22px 50% no-repeat;}
.content_infomation.ty02 ul li.second{background: #fff url(/res/images/main/info_icon02_1.png) 22px 50% no-repeat;}
.content_infomation.ty02 ul li.third{background: #fff url(/res/images/main/info_icon03_1.png) 22px 53% no-repeat;}
.content_infomation.ty02 ul li:hover{box-shadow:0px 0px 5px rgba(0,0,0,0.1)}
.content_infomation.ty02 ul li>a>i{width:20px; height:20px; background:#3186d1; border-radius:100px; display:inline-block; position:absolute; right:17px;}
.content_infomation.ty02 ul li>a>i:after{content:""; width:5px; height:5px; border-top:1px solid #fff; border-right:1px solid #fff; background-color:inherit; position:absolute; display:inline-block; top:6px; right:8px; transform:rotate(45deg);}


/***** main-2021 *****/
.main_visual_cont{width:100%; padding:3px; background-image:url(../images/main/main_visual_2024.png); background-position:75px 0px; background-repeat:no-repeat}
.main_visual_cont:before{content:""; width:100%; height:308px; background-image:url(../images/main/main_visual_bg_2024.png); background-repeat:repeat-x; display:block; position:absolute; left:0; margin-top:-6px; z-index:-1;}
.cont_border{box-sizing:border-box; display:inline-block; height:305px; border-style:solid; border-image:linear-gradient(to right, #c1d4f3 0%, #f1d6f0 100%); border-image-slice:1; border-image-width:7px; overflow:hidden; border:0px solid #c1d4f3}
.mleft_cont{float:left; position:relative; margin:33px 0 0 48px;}
.main_text_2 {font-size:17.5px; color:#616161; letter-spacing:-1px; margin-bottom:22px;}
.main_text_2>strong{font-family:'Noto Sans KR'; font-size:32px; color:#2d2d2d; font-weight: 400; display:block; letter-spacing:-1.5px; margin-top:5px;}
.main_text_2>strong>em{font-size:44.0px; font-style:normal; color:#006e18; font-weight:400; padding-left:5px; -webkit-text-stroke-width: 0.2px; -webkit-text-stroke-color: #003675;}
.main_text_2>strong>em2{font-size:44.0px; font-style:normal; color:#003675; font-weight:400; padding-left:5px;}
.minput_area_2{width:410px; border:2px solid #257ac5; border-radius:8px; background:#fff; box-shadow:1px 4px 7px 0px rgb(177 177 177 / 50%); position:relative;}
.minput_area_2>span{font-size:15px; color:#111; letter-spacing:-1px; text-align:center; vertical-align:-1px; vertical-align:0px \0/IE9; width:135px; display:inline-block; border-right:1px solid #cbcbcb;}
.minput_area_2 input{width:calc(100% - 205px); height:48px; padding:0 5px 0 10px; border:0px; font-size:17px; color:#3a3a3a; font-weight:400;}
.minput_area_2 input::placeholder{font-size:15px; color:#818181; letter-spacing:-1.2px;}
.minput_area_2 input:-ms-input-placeholder{font-size:15px; color:#818181; letter-spacing:-1.2px;}
.minput_area_2 a.btn_search{display:inline-block; width:47px; height:48px; text-indent:-9999px; background:url(../images/main/icon_search_2.png) 50% 47% no-repeat; position:absolute; top:0px; right:0px;}

.mright_cont {float:right;}
.mright_cont .login_box {position:relative; margin:33px 28px 0 0;}
.mright_cont .login_box h3{text-indent:-9999px; height:0px;}
.mright_cont .login_box p{margin-bottom: 5px;color:#333333;}
.mright_cont .login_box p input{font-size:15px; color:#000; letter-spacing:0; width:232px; height:38px; padding:0px 10px; border:1px solid #cecece;}
.mright_cont .login_box p input::placeholder{font-size:13px; letter-spacing:-0.5px;}
.mright_cont .login_box p input:-ms-input-placeholder{font-size:13px; color:#818181; letter-spacing:-0.5px;}
.mright_cont .login_box label{font-size:14px; color:#5d5d5d; letter-spacing:-0.5px; font-weight: bold; width:60px; display:inline-block; vertical-align:middle;}
.mright_cont .login_btn {width:calc(48.5% - 33px); height:40px; background:#3186d1; line-height: 39px;  font-size:14px; color:#fff; font-weight:bold; letter-spacing:-0.5px; text-align:center; display:inline-block; margin-left:60px;}
.mright_cont .login_btn.ty02{background:#0a3966; margin-left:0;}
.mright_cont .login_btn.ty03{width:calc(78%); height:40px; background:#3186d1; line-height: 39px;  font-size:14px; color:#fff; font-weight:bold; letter-spacing:-0.5px; text-align:center; display:inline-block; margin-left:60px;margin-top:5px;}
.mright_cont>strong{font-family:'Noto Sans KR'; font-size:26px; color:#00008c; font-weight: 400; display:block; letter-spacing:-1.5px; margin-top:5px;}
.mright_cont>strong>em{font-style:normal; color:#1b5e20; font-weight:400; padding-left:5px;}

.first_guide{width:100%; margin:14px auto 17px; background:#166fb3; border-radius:8px;/* height:71px; */display:table;}
.first_guide>ul{width:calc(100% - 200px); position:relative; padding-left:200px; display:flex; display:-webkit-box; display:-ms-flexbox;}
.first_guide>ul>li{border:1px solid transparent; border-left:1px solid rgba(255,255,255,0.2); position:relative; /* height: 69px; display: table; vertical-align: middle; */ -webkit-box-flex:1; flex-grow:1; /*ie9*/float:left; padding-right:25px \0/IE9;}
.first_guide>ul>li:last-child{/*width:210px;margin-right:0px; padding-right:5px;*/ border-radius:0 8px 8px 0;}
/*.first_guide>ul>li:before{content:"";background:#458cc2 url(../images/main/first_guide_dot.png) 56% 50% no-repeat; width: 24px; height:24px; border-radius:100%; display:inline-block; position:absolute; left:12px; top:50%; transform:translate(-26px, -50%);}*/
/*.first_guide>ul>li:before{content:""; position:absolute; width:8px; height:8px; left:-9px; top:40%; border-top:2px solid #fff; border-right:2px solid #fff; -webkit-transform:rotate(45deg); transform: rotate(45deg );}
.first_guide>ul>li:after{content:""; position:absolute; width:28px; height:28px; left:-16px; top:28%; background:rgba(255,255,255,0.2); display:block; border-radius:100%;}*/
.first_guide>ul>li.title:after,.first_guide>ul>li.icon_1:after{display:none}
.first_guide>ul>li:first-child:before,.first_guide>ul>li.icon_1:before{display:none;}
/*.first_guide>ul>li.title{background:#00a3ed; border:0px; font-size:19px; color:#fff; font-weight:bold; letter-spacing:-0.5px; margin-right:0px; position:absolute; left:0px; border-radius:8px 0 0 8px; display:table; width:200px; padding:0px} 2025.09.18 웹접근성 명도대비 수정*/
.first_guide>ul>li.title{background:#017eb4; border:0px; font-size:19px; color:#fff; font-weight:bold; letter-spacing:-0.5px; margin-right:0px; position:absolute; left:0px; border-radius:8px 0 0 8px; display:table; width:200px; padding:0px}
.first_guide>ul>li.title>p{height:72px; vertical-align:middle; display:table-cell; text-align:center; line-height:22px;}
.first_guide>ul>li.title>p>span{display:block; font-size:15px; font-weight:400; letter-spacing:-0.5px;}
.first_guide>ul>li>a{font-size:16px; color:#fff; letter-spacing:-0.5px; position:relative; font-weight:bold; padding-left:63px; display:table-cell; vertical-align:middle; height:70px;} 
.first_guide>ul>li.title:hover{border:0px;}
.first_guide>ul>li:hover{cursor:pointer;/*border:3px solid #d8e3f1; border-radius:8px;*//* background: #00a3ed; */border: 1px solid rgba(255,255,255,0.8);/* height: 100%; *//* display: block; */}
.first_guide>ul>li:hover>a,.first_guide>ul>li:hover>a>i{color:#fff280;}
.first_guide>ul>li.title:hover{cursor:inherit}
.first_guide>ul>li>a>em{font-style:normal; background:url(../images/main/first_guide_icon.png) 50% 0 no-repeat; width:40px; height:36px; display:block; vertical-align:middle; position:absolute; left:13px;}
@media all and (-ms-high-contrast:none){
    .first_guide>ul>li>a>em {top:50%}
}
.first_guide>ul>li>a>i{font-style:normal; font-size:13px; color:#fff; letter-spacing:0.5px; line-height:14px; /* font-weight_:normal; */ display:block; padding-left:2px; margin-top:-1px; margin-bottom:2px;}
.first_guide>ul>li.icon_1>a>em{background-position:0 -40px}
.first_guide>ul>li.icon_2>a>em{background-position:-40px -40px}
.first_guide>ul>li.icon_3>a>em{background-position:-80px -40px}
.first_guide>ul>li.icon_4>a>em{background-position:-120px -40px}
.first_guide>ul>li.icon_5>a>em{background-position:-160px -40px}
.first_guide>ul>li.icon_6>a>em{background-position:-200px -40px}
.first_guide>ul>li.icon_1:hover>a>em{background-position:0 -80px}
.first_guide>ul>li.icon_2:hover>a>em{background-position:-40px -80px}
.first_guide>ul>li.icon_3:hover>a>em{background-position:-80px -80px}
.first_guide>ul>li.icon_4:hover>a>em{background-position:-120px -80px}
.first_guide>ul>li.icon_5:hover>a>em{background-position:-160px -80px}
.first_guide>ul>li.icon_6:hover>a>em{background-position:-200px -80px}
.first_guide:after{content:""; display:block; clear:both}

.main_cont_board{}
.border_area{width:calc(100% - 380px); /* margin-right:25px; */ float:left; border:1px solid #cecece; border-radius:8px; box-shadow:1px 0 20px 1px rgb(204 216 233 / 40%);}
.main_cont_board .borad_list{width:50%; height:240px; float:left; position:relative;}
.main_cont_board .borad_list:first-child:after {content:""; border-right:1px solid #cecece; position:absolute; top:0px; bottom:0px; right:0px;}
.main_cont_board .borad_list ul{overflow:hidden; margin:19px 30px 0;}
.main_cont_board .borad_list h3{font-size:18px; color:#303030; letter-spacing:-1px; font-weight:bold; line-height:43px; height:43px; background:#e8edf3; padding:0 30px;       border-radius:0 8px 0 0}
.main_cont_board .borad_list:first-child>h3{border-radius:8px 0 0 0}
.main_cont_board .borad_list h3 img{vertical-align:middle;}
.main_cont_board .borad_list li{font-size:14px; letter-spacing:-1px; color:#404040; font-weight:bold; line-height: 31px; margin-bottom:1px}
.main_cont_board .borad_list li a{display:block; background:url(../images/common/list_style01.png) 0 14px no-repeat; text-indent:10px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.main_cont_board .borad_list li .cont{width:calc(100% - 80px); display:inline-block; vertical-align:middle;}
.main_cont_board .borad_list li .cont a:hover{text-decoration:underline;}
.main_cont_board .borad_list li .date{font-weight:normal; color:#8e8e8e; float:right; letter-spacing:-1px;}
.main_cont_board .borad_list li .new{display:inline-block; vertical-align:middle; margin-top:-3px; margin-left:5px;}
.main_cont_board .borad_list li:hover{text-decoration:underline; color:#2c89c8}
.main_cont_board .borad_list .more a{position:absolute; right:28px; top:5px; font-size:14px; color:#3b3b3b; letter-spacing:-0.5px; background:url(../images/main/more3.png) 99% 50% no-repeat; height:26px; padding-top:8px; padding-right: 33px;}
.main_cont_board .borad_list .more a:hover{color:#2c89c8}
.main_cont_board .borad_list .more a:active, .main_cont_board .borad_list .more a:visited{color:#3b3b3b}


/*팝업존*/
.pop_area{width:350px; height:240px; border-radius:8px; float:right; border:1px solid #cecece; overflow:hidden; box-shadow: 1px 0 15px 1px rgb(204 216 233 / 40%);}
.pop_area .album-slider{position:relative;}
.pop_area .album-wrap{position:relative; width:350px; height:240px; margin:0 auto; overflow:hidden; border:0; border-left:0;}
.pop_area .album-wrap ul.album{position:absolute;}
.pop_area .album-wrap ul.album li{float:left; width:350px;}
.pop_area ul.bt-roll {position:absolute; width:45px; top:18px; right:23px; margin:0 auto;}
.pop_area ul.bt-roll li {float:left; margin-right:5px;}

.user_guide{width:100%; margin:20px auto 22px; border:1px solid #cecece; border-radius:8px; box-shadow:1px 0 20px 1px rgb(204 216 233 / 40%); overflow:hidden;}
.user_guide>ul{width:calc(100% - 170px); display:table; position:relative; padding-left:170px;}
.user_guide>ul>li {text-align:center; width:calc(17% - 8px); height:82px; border-left:1px solid #cecece; float:left; display:table;}
.user_guide>ul>li.icon_3{width:16%;}
.user_guide>ul>li.title {font-size:17px; color:#fff; font-weight:bold; letter-spacing:-1px; width:170px; padding-top:28px; background:#3186d1; position:absolute; left:-0.5px;}
.user_guide>ul>li>a {font-size:15.5px; color:#555; letter-spacing:0; line-height:20px; font-weight:bold; display:table-cell; vertical-align:middle; width:100%; position:relative;}       
.user_guide>ul>li>a>em{font-style:normal;background:url(../images/main/user_icon.png) 50% 0 no-repeat;width: 49px;height:37px;margin-right: 8px;display:inline-block;vertical-align:middle;}
.user_guide>ul>li.icon_1>a>em{background-position:0 0}
.user_guide>ul>li.icon_2>a>em{background-position:-50px 0;margin-right: 4px;}
.user_guide>ul>li.icon_3>a>em{background-position:-100px 0}
.user_guide>ul>li.icon_4>a>em{background-position:-150px 0;margin-right: 6px;}
.user_guide>ul>li.icon_5>a>em{background-position:-200px 0}
.user_guide>ul>li>a>i{font-style:normal; display:inline-block; text-align:left; vertical-align:middle;}

/*main*/
.main_visual_cont.cont_border.main{height:auto; min-height:300px; padding:30px; background:#fff; margin-bottom:15px}
.main_visual_cont.cont_border.main:before{margin-top:-34px;}
.main_row_1{margin-bottom:15px;}
.main_row_1:last-child{margin-bottom:0px;}
.main_row_1:after{content:""; display:block; clear:both;}
.tbl_area{position:relative; float:left; padding-left:110px;} 
.tbl_area.ty01{width:calc(100% - 442px);}
.tbl_area.ty02{width:calc(50% - 117px);}
.tbl_area.ty03{width:calc(50% - 118px); margin-left:15px;}
.tbl_areain{margin-left:5px; border:1px solid #dbdbdb; border-top:0px;}
.tbl_area>.tbl_title{font-size:15.5px; color:#fff; font-weight:bold; background:#3186d1; border-radius:5px 0 0 5px; display:inline-block; position:absolute; left:0px; width:90px; height:calc(100% - 28px); padding:18px 5px 10px 18px;}
.tbl_area>.tbl_title>span{display:block;}
.tbl_area>.tbl_title>a.more_b{width:20px; height:20px; display:block; background:url(../images/main/content_main_more.png) 0px 0px no-repeat; text-indent:-9999px; margin:17px 0 0 2px;}
.user_info {width:315px; height:116px; border:1px solid #dcdcdc; float:right;}
.user_info>p.name{font-size:15px; color:#333333; letter-spacing:-0.5px; font-weight:bold; height:20px; vertical-align:middle; padding:15px 20px 12px 53px; background:#e8edf3 url(../images/main/user_icon_2.png) 20px 50% no-repeat;}
.user_info>p.name:after{content:""; display:block; clear:both}
.user_info>p.name>strong{color:#1467ab}
.user_info>p>.logout_go{float:right; font-size:12px; color:#fff; text-align:center; border-radius:3px; margin:0; margin-top:-6px; width:70px; height:30px; line-height:30px; background:#3186d1; }
.user_info>.login_time{float:none; height:auto; margin:0; padding:11px 20px 10px;}
.user_info>.login_time>li{font-size:13px; color:#333; line-height:24px; letter-spacing:0px; text-indent:10px; background: url(../images/common/list_style01.png) 0 9px no-repeat;}
.user_info>.login_time>li>span{float:right; font-size:13.5px; letter-spacing:0.5px;}
.user_info>.login_time:after{content:""; display:block; clear:both}
.tbl_area th {text-align:center; font-size:13px; padding:4px 5px;}
.tbl_area td {text-align:center; font-size:12px; padding:3px 5px;}
   
.main_visual_cont:after, .main_cont_board:after, .border_area:after, .first_guide:after, .user_guide:after{content:""; display:block; clear:both}


/***사용자 가이드***/    
.layer_container.pop_user_guide{width:1020px; min-height:700px; border-radius:27px; position:relative; overflow:hidden;}
.pop_user_guide a.layer_close{width:40px; height:40px; background:#edf2f8; border:0px; border-radius: 100px; position:absolute; top:14px; right:10px; text-indent:-9999px; font-size:0px;}
.pop_user_guide .layer_close:before, .pop_user_guide .layer_close:after{content:''; position:absolute; width:20px; height: 1px; background-color:#606060; top:19px;}
.pop_user_guide .layer_close:before{
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
    left:10px;}
.pop_user_guide .layer_close:after{
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg);
    right:10px;}	
.pop_cont_area{text-align:left;}    
.tab_btn_area{overflow:hidden; width:100%; display:table;}
.tab_btn{font-size:15px; color:#fff; letter-spacing:0; text-align:center; font-weight:bold; line-height:20px; width:204px; height:68px; display:table-cell; vertical-align:middle; background:#0a3966; border-left:1px solid rgba(255,255,255,0.1);}
.tab_btn:first-child{border-left:0px;}
.tab_btn:last-child{width:170px; padding-right:35px;}
.tab_btn.active{background:#fff; color:#333;}
.tab_btn:focus{outline: 2px solid #ffffff;outline-offset:1px;} /* 25.09.26 웹 접근성 > 탭 포커스 */
.tab_content{display:none; overflow-y:auto;}
.tab_content.active{display:block}
.tab_uguide_cont{height:560px; max-height:560px; overflow-y:auto; } 
.tab_uguide_cont.ty02{height:630px; max-height:630px; padding-bottom:40px;}    
.tab_uguide_cont::-webkit-scrollbar-track{background-color:#cccccc; }
.tab_uguide_cont::-webkit-scrollbar{width:6px;}
.tab_uguide_cont::-webkit-scrollbar-thumb{background-color:#576779;}
    
.guide_section{padding:38px 70px 0px;}
.guide_section.cont_bg{background:#edf2f8; padding:32px 60px 32px 280px; position:relative;}
.user_top_icon{width:160px; height:160px; display:inline-block; box-shadow:0px 0px 13px rgb(169 195 215 / 20%); background:#f5f8fb url(/res/images/main/user_guide_1.png) 38% 48% no-repeat; border-radius:100%; position:absolute; left:70px; margin-top:2px; top:50%; transform:translate(0, -50%);}
.text_area>dt{font-size:22px; color:#0a3966; font-weight:bold; letter-spacing:-1px;}
.text_area>dd{font-size:16px; color:#111; letter-spacing:-0.5px; line-height:23px; margin:20px 0 17px;}
.listty{padding:0px; margin:0 !important;}
.listty>li{font-size:14px; color:#666; line-height:24px; font-weight:normal; padding-left:10px; position:relative;}
.listty>li:before{content:""; display:inline-block; width:3px; height:3px; background:#282828; vertical-align:4px; position:absolute; left:0; top:11px;}   
.listty.ty02>li{font-size:16px; color:#111; letter-spacing:-0.5px; line-height:24px; margin-bottom:7px;}
.listty.ty02>li:last-child{margin-bottom:0px}
    
.point{color:#1e70bf}
.point_2{color:#1e70bf}     
.text_area.ty02{position:relative; padding-left:213px;}
.text_area.ty02>dt{font-size:21px; color:#333; letter-spacing:-1.3px; line-height:30px; position:absolute; left:0px;} 
.text_area.ty03>dd{display:inline-block; line-height:26px; margin:20px 0 12px;}
.text_area.ty03>dd:last-child{font-size:14px; color:#666; margin:0px;}
.text_area.ty03>dd>li:before{content:""; display:inline-block; width:3px; height:3px; background:#282828; vertical-align:4px; margin-right:7px;}
.text_area.ty03>dd>li>.right{float:right; text-align:right; margin-left:7px;}
.text_area.ty04>dd{font-size:16px; color:#111; letter-spacing:-0.7px; line-height:23px; margin:15px 0 0;}
.text_area.ty04>dd>ul{display:inline-block;}
.text_area.ty04>dd>ul>li{padding-left:5px;}
.text_area.ty04>dd>ul>li:before{display:none}
.text_area.ty04>dd>ul>li>span{min-width:100px; color:#111; display:inline-block;}
.text_area.ty04>dd>.process_type{vertical-align:top; margin-top:6px; line-height:29px; line-height:28px; border-radius:3px; margin-right:0px;}
/*.text_area.ty04>dd>.process_type.ty02{background:#0daf98;} 2025.09.18 웹접근성 명도대비 수정*/     
.text_area.ty04>dd>.process_type.ty02{background:#098573;}  

.listty_2{padding:0px; margin:0 !important;}
.listty_2>li{font-size:16px; color:#111; line-height:24px; font-weight:normal; letter-spacing:-1px; position:relative; padding-left:32px; margin-bottom:12px;}
.listty_2>li>em{font-size:15px; color:#fff; text-align:center; font-weight:bold; background:#103e93; border-radius:100px; width:26px; height:26px; display:inline-block; position:absolute; left:0px;}
.listty_2>li>span{font-size:13px; color:#8e8e8e; letter-spacing:-0.5px; display:block;}     
.listty_2.ty02>li{padding-left:2px; margin-bottom:5px;}
.listty_2.ty02>strong{font-size:19px; color:#0a3990; font-weight:bold; letter-spacing:-1px; position:relative; z-index: 2; display:inline-block; padding:0 3px; margin-bottom:15px;}
.listty_2.ty02>strong:after{content:""; background:#ddf4fc; border-radius:10px; width:100%; height:10px; display: block; position:absolute; bottom:0px; z-index:-1;}
    
.process_type{font-size:17px; color:#fff; font-weight:bold; letter-spacing:-1px; line-height:20px; background:#0055a9; padding:4px 8px 5px; display:inline-block; vertical-align:2px; margin-right:7px;}
.guide_process{text-align:center; margin-top:10px;}
.guide_process>li{width:calc(25% - 58px); display:inline-block; vertical-align:top; margin-left:55px; position:relative;}
.guide_process>li:before{content:""; width:34px; height:21px; display:inline-block; background:url(/res/images/main/arrow_2.png) 50% 50% no-repeat; position:absolute; left:-47px; top: 65px;}
.guide_process>li:first-child{margin-left:0px;}
.guide_process>li:first-child:before{display:none;}
.guide_process>li>.process_num{font-size:12px; color:#fff; font-weight:bold; text-align: center; width:34px; height:34px; line-height:32px; background:#282828; border-radius:100px; display:inline-block; position:absolute; top:-8px; left:-6px; z-index:2;}
.guide_process>li>.title_text{width:130px; height:50px; font-size:16px; color:#333; letter-spacing:-1px; font-weight:bold; text-align:center; line-height:21px; display:inline-block; padding-top:78px; margin-bottom:10px; border:8px solid #d9e9fd; background:#fff; position:relative; border-radius:22px; box-shadow:0px 3px 3px rgb(217 217 217 / 50%);}
.guide_process>li>.title_text>span{font-size:13px; color:#575757; font-weight:normal; letter-spacing:-0.5px}
.guide_process>li>.title_text>em{font-style:normal; background:url(/res/images/main/process_icon.png) 0 50% no-repeat; width:50px; height:35px; display:block; margin:auto; position:absolute; top:32px; left:50%; margin-left:-24px;}
.guide_process>li>.title_text>em.icon_1{background-position:0 0}
.guide_process>li>.title_text>em.icon_2{background-position:-50px 0;}
.guide_process>li>.title_text>em.icon_3{background-position:-100px 0}
.guide_process>li>.title_text>em.icon_4{background-position:-150px 0}
  
.guide_process.ty02{}    
.guide_process.ty02>li{width:calc(33% - 25px);margin-left:20px;/* display: table; *//* padding: 20px; */}
.guide_process.ty02{margin-left:-15px}
.guide_process.ty02>li:nth-child(5):after{content:""; clear:both}
.guide_process.ty02>li:before{content:""; width:34px; height:21px; display:inline-block; background:none; position:absolute; left:-47px; top:65px;}
.guide_process.ty02>li>.title_text{width:calc(100% - 75px); height:100%; vertical-align:middle; display:block; padding-top:0px; padding:10px 5px; font-size:15px; font-weight:normal; text-align:left; border:5px solid #d9e9fd; border-radius:43px; padding-left:55px;}
.guide_process.ty02>li>.title_text>i.block{font-style:normal; display:block; background:none; font-weight:bold; color: #0a3990; letter-spacing:-0.5px;}
.guide_process.ty02>li>.process_num{top:50%; left:0; transform: translate(14px, -50%); margin-top:-4px;}
    
.sub_text.listty{text-align:left;}
.sub_text.listty>li{font-size:14px; color:#333; letter-spacing:-1px; line-height:26px;}
.sub_text.listty>li>ul{padding-left: 10px;}
.guide_process>li:last-child .sub_text.listty{padding-left:20px}
.pop_btn{padding:15px 10px 25px; text-align:center;}
.btn.more_btn{width:258px; height:70px; font-size:16px; color:#fff; letter-spacing:-0.5px; background-color:#282828; display:inline-block; border-radius:100px;}
.btn.more_btn>.arrow{width:21px; height:12px; display:inline-block; margin-left:15px; vertical-align:middle; background:url(../images/main/arrow_1.png) 50% 50% no-repeat}
    
.user_modify_area,.add_place_area{background:#edf2f8; text-align:center; padding:25px 10px; border-radius:8px}
.user_modify_title{font-size:16px; color:#333; letter-spacing:-1px; font-weight:bold; display:block; margin-bottom:25px;}
.user_modify{width:calc(50% - 50px); display:inline-block; vertical-align:top; position:relative;}
.connect{clear:both; font-size:16px; color:#111; font-weight:bold; letter-spacing:-0.5px; display:block;}
.user_modify.ty01 .connect{font-size: 15px;}
.user_modify.ty01{margin-right:50px;}
.user_modify>.part{width:calc(50% - 20px); border-radius:5px; box-shadow:0px 3px 3px rgb(217 217 217 / 50%); float:left; text-align: center; padding-top:20px; margin:0 7px; background:#fff; position:relative; z-index:3;}
.user_modify>.part.ty01{border:2px solid #cdd7e4;}
.user_modify>.part.ty02{border:2px solid #43bbf4;}
.user_modify.ty01:after{content:""; height:40px; border:1px solid #f60000; border-top:0px; width:50%; display:inline-block; position: absolute; left:50%; bottom:49px; transform:translate(-50%, 0); z-index:0;}
.user_modify.ty01>.part.ty02:after{content:''; height:0; width:0; position:absolute; border:6px solid transparent; border-top-width:0; border-bottom-color:#f60000; margin:2px 0 0 -2.5px;}    
.user_modify>.part>strong{font-size:17px; color:#333; letter-spacing:-1px; display:block;}
.user_modify>.part>em,.user_modify>.part>em{font-size:15px; font-weight:bold; letter-spacing:-0.5px; margin:10px auto 20px; display:inline-block; padding:4px 18px 5px; border-radius:30px;}
.user_modify>.part.ty01>em{color:#444; background:#e3e9f2;}
.user_modify>.part.ty02>em{color:#0564bf; background:#e1eefe;}    
.user_modify>.part>p{font-size:15px; color:#333; letter-spacing:-1px; font-weight:bold; padding:10px 0 8px; margin:0 4px 4px; border-radius:3px;}
.user_modify>.part.ty01>p{background:#edf2f8; border:1px solid #c4cbd4;}
.user_modify>.part.ty02>p{background:#e7f2ff; border:1px solid #f60000;}    
.user_modify>.part>p>i{background:url(/res/images/main/user_icon.png) no-repeat; width:84px; height:60px; margin:7px auto 0; display: block; background-position:-5px -37px;}
.user_modify>.part>p>i.excep{background-image:none; font-style:normal; font-size:15px; font-weight:bold; border:2px dotted #a9b3c1; border-radius:3px; padding-top:8px; height:48px; background:#fff;}   
    
.screen_guide{position:relative; margin-bottom:50px; padding:0 30px 50px 145px; border-bottom:1px dotted #bbb;}
.screen_guide:last-child{margin-bottom:0px}
.screen_guide>strong {font-size:25px; color:#333; letter-spacing:-0.5px; line-height:30px; position:absolute; left:0px; margin-top:10px;}
.screen_guide>strong:before,.screen_guide>strong:after{content:""; background:#000; display:inline-block; position:absolute; top: 50%;}
.screen_guide>strong:before{width:5px; height:5px; right:-10px; margin-top:-2px;}
.screen_guide>strong:after{width:88px; height:1px;right:-96px;}
.screen_guide>strong>span{font-size:18px; font-weight:400; vertical-align:2px; margin-right:5px}
.screen_guide>.screen_guidein{background:#daeef6; border-radius:10px; display:inline-block; padding:30px 45px 0; position:relative; max-width:640px; width: 640px; text-align: center;}    
.screen_guidein>.img{display:inline-block; position:absolute;}
.img_box{position:relative; width:100%; height:100%; display:block;}
.img_box:before{content:""; top:0px; left:0px; right:0px; bottom:0px; display:block; position:absolute; background:rgba(185,219,233,0.2); z-index:2; mix-blend-mode: multiply;}    
/*.screen_guidein>.num{width:25px; height:25px; line-height:24px; background:#26a7e5; border:2px solid #fff; border-radius:100%; font-style:normal; font-size:14px; color:#fff; font-weight:bold; text-align:center; position:absolute; z-index:5; box-shadow:1px 1px 7px rgb(93 93 93 / 75%);} 2025.09.18 웹접근성 명도대비 수정*/
.screen_guidein>.num{width:25px; height:25px; line-height:24px; background:#1d7eac; border:2px solid #fff; border-radius:100%; font-style:normal; font-size:14px; color:#fff; font-weight:bold; text-align:center; position:absolute; z-index:5; box-shadow:1px 1px 7px rgb(93 93 93 / 75%);}
.screen_guidein>.comment{background:#fff; padding:20px; border-radius:3px; font-size:14px; color:#333; letter-spacing:-0.5px; text-align:left;  line-height:19px; display:block; position:absolute; z-index:3; box-shadow:1px 2px 13px rgb(93 93 93 / 75%);}
.screen_guidein>.comment:before{content:""; border:2px solid #43bbf4; position:absolute; left:5px; top:5px; right:5px; bottom:5px;}
.screen_guidein>.comment>strong{color:#f60000;}
.screen_guidein>.line_1{border-top:2px dotted #00a6f5; border-left:2px dotted #43bbf4; display:inline-block; position:absolute; z-index:2;}
.screen_guidein>.line_1.left{border-left:0px; border-right:2px dotted #43bbf4;}
.screen_guidein>.line_2{border:2px dotted #f60000;}
.screen_guidein>.box_1{display:inline-block; position:absolute; border:2px dotted #f60000;}                       
.user_modify_area:after,.user_modify:after,.guide_section:after, .guide_process:after{content:""; display:block; clear:both}
    
.add_place_area{}
.add_place{margin-bottom:20px; width:800px; margin:0 auto 20px;}
.add_place:last-child{margin-bottom:0}
.add_place>li{margin:0 15px; vertical-align:top; border:1px solid #cdd7e4; box-shadow:0px 3px 3px rgb(217 217 217 / 50%); width:128px; height:120px; background:#fff; border-radius:8px; display:table; float:left; position:relative;}
.add_place>li:after{content: ""; width:22px; height:21px; display:inline-block; background:url(/res/images/main/arrow_2.png) 50% 0 no-repeat; position:absolute; right:-28px; top:52px; background-position:-12px;}
.add_place>li.title:after,.add_place>li.result:after{content:""; display:none}
.add_place.row_1>li.ty02:before{content:""; width:1px; height:17px; background:#0564bf; display:block; position:absolute; left: 50%; bottom:-18px;}  
.add_place.row_2>li.ty02:before{content:""; height:0; width:0; position:absolute; border:5px solid transparent; border-bottom-width:0; border-top-color:#0564bf; display:block; top:-6px; left:45.5%;}
.add_place>li.title,.add_place>li.result{border:2px solid #43bbf4; width:120px; height:118px}
.add_place>li>p{display:table-cell; vertical-align:middle; font-style:normal; font-size:16px; color:#333; letter-spacing:-1px; font-weight:bold;}
.add_place>li>p>em{font-size:14px; color:#444; letter-spacing:-0.5px; font-weight:bold;}
.add_place>li.ty02>p>.text_2, .add_place>li.ty03>p>.text_2{color:#0564bf}
.add_place .text_1{font-weight:normal; letter-spacing:-1px;}
.add_place .text_2{}
.add_place.row_2 .title{margin-right:177px;}
.add_place.row_2>li.ty03>p>.text_2{color:#f60000}
.add_place>li>p>i{width:40px; height:38px; display:block; margin:6px auto 6px; background:url(/res/images/main/user_icon.png) 0 0 no-repeat;}

.add_place.row_1>li.ty01>p>i,.add_place.row_3>li.ty01>p>i{background-position:-3px -100px;}
.add_place.row_1>li.ty02>p>i,.add_place.row_3>li.ty02>p>i{background-position:-44px -100px;}
.add_place.row_2>li.ty02>p>i{background-position:-85px -100px;}
.add_place.row_1>li.ty03>p>i,.add_place.row_2>li.ty03>p>i{background-size:155px; width: 52px; }
.add_place.row_1>li.ty03>p>i{background-position:-3px -23px;}     
.add_place.row_2>li.ty03>p>i{background-position:-57px -23px;}

.add_place.row_3{}
.add_place.row_3.line{margin-top: 25px;padding: 25px 20px 0px;max-width: 720px;border-top:1px dashed #bbb;}                        
.add_place.row_3>li{}
.add_place.row_3>li.ty02:after{content: ""; display:none;}
.add_place.row_3>li.ty03:before{content:""; width:15px; height:1px; display:block; position:absolute; top:61px; background:#b1b1b1; left:-30px;}
.add_place.row_3>li.ty03:after{content:""; background:none; width:1px; height:61px; background-color:#b1b1b1; top:31px; left:-15px;}
.add_place.row_3>.ty03{width:200px; border:0px; padding:5px; height:114px;}
.add_place.row_3>.ty03>p{border-radius:8px; display:block; height:49px; line-height:48px; border:2px solid rgba(255,255,255,0.8); box-shadow:0px 3px 3px rgb(217 217 217 / 50%);}
.add_place.row_3>.ty03>p.place_1{background:#9ce6ff; margin-bottom:5px; color:#0564bf;}
.add_place.row_3>.ty03>p.place_2{background:#feec9b; color:#f60000;}                        
.add_place.row_3>.ty03>p.place_1:before{content:""; width:21px; height:60px;border-top:1px solid #b1b1b1; border-bottom:1px solid #b1b1b1; display:block; position:absolute; top:30px; left:-15px;}
.add_place.row_3>strong{clear:both; display:block; width:100%; font-size:16px; color:#333; letter-spacing:-1px; font-weight:bold; text-align:center; padding-top:20px;}
.add_place:after{content:""; display:block; clear:both}    
    
.tbl-type.guide{border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5}
.tbl-type.guide thead th{font-size:14px; color:#111;}
.tbl-type.guide tbody{top:0px;}
.tbl-type.guide td{font-size:14px; color:#222; text-align:center; font-weight: bold; height:32px;}
.tbl-type.guide td:first-child{background:#f0f7fb; letter-spacing:-0.5px; text-align:left; /* background_: #e7f2ff; */}
.tbl-type.guide td>i{width:20px; height:20px; line-height:18px; font-style:normal; font-size:13px; color:#fff; font-weight:bold; text-align:center; background:#1778cd; border-radius:100%; display:inline-block; margin-right:8px; vertical-align:1px;}
      
.division_2{border:1px solid #ddd; border-radius:7px; width:100%; display:block; box-shadow:0px 3px 3px rgb(217 217 217 / 50%)}
.division_2_head{position:relative; min-height:50px; margin-bottom:10px; margin-top:-10px;}
.division_2_head>strong{font-size:17px; letter-spacing:-0.5px; color:#dc000a; text-align:center; line-height:22px; display:inline-block; vertical-align:bottom; position: absolute;}
.division_2_head>strong.ty01{left:53px; padding-top:10px;}
.division_2_head>strong.ty02{left:560px;}
.division_2_head>strong.ty01:after,.division_2_head>strong.ty02:after{content:""; height:0; width:0; position:absolute; border:7px solid transparent; border-bottom-width: 0;border-top-color:#f60000; display:block;}
.division_2_head>strong.ty01:after{bottom:-19px; left:41px;}
.division_2_head>strong.ty02:after{left:57px; margin-top:2px;}
.division_2_head>strong>em{display:block; font-size:14px; color:#333;}
.division_2_head:after{content:""; display:block; clear:both}

.division_2_date{width:100%; display:block; border-bottom:1px solid #ddd; border-radius:10px 10px 0 0; box-shadow:0px 3px 3px rgb(217 217 217 / 50%); font-weight:bold; position:relative;}
.division_2_date:after{content:""; width:calc(100% - 100px); height:1px; background:#ddd; display:inline-block; position:absolute; margin-left:100px; top:47%;}
.division_2_date>.tr_title{}
.division_2_date>.tr_title>p{height:60px}
.division_2_date>ul{padding: 0 0 0 100px;}
.division_2_date>ul>li{display:inline-block; min-height:50px; position:relative; text-align:center; margin:10px 0 11px;}
.division_2_date>ul>li:last-child{border-right:0px}
.division_2_date>ul>li:after{content:""; width:1px; height:72px; background:#bebebe; position:absolute; top:-10px; right:-1px; display:block; z-index:1; /* transform: translate(0px, -50%); */}
.division_2_date>ul>li>p{font-family:dotum; font-size:13px;}
.division_2_date>ul>li:last-child:after{display:none}
.division_2_date>ul>li.year_1{width:83px;}
.division_2_date>ul>li.year_2{width:calc(48% - 95px);}
.division_2_date>ul>li.year_3{width:calc(37% - 11px);}
.division_2_date>ul>li.year_4{width:calc(13% - 2px);}
.division_2_date>ul.year>li>em{color:#666; letter-spacing:-1px; position:absolute; bottom:1px; display:inline-block; }
.division_2_date>ul.year>li>em.month_1{left:0px;}
.division_2_date>ul.year>li>em.month_2{left:11%;}
.division_2_date>ul.year>li>em.month_3{left:48%;}
.division_2_date>ul.year>li>em.month_4{left:61%;}
.division_2_date>ul.year>li>em.month_5{right:5px;}    
.division_2_date>ul.year>li.year_1>em.month_1{left:5px;}
.division_2_date>ul.year>li>em.ty01,.division_2_date>ul.year>li>em.ty02{font-weight:bold; padding:0 8px 2px; border-radius:10px; bottom:-1.5px;}
.division_2_date>ul.year>li>em.ty01{color:#0055a9; background:#c2deff; border:1px solid #8fb7e7;}
.division_2_date>ul.year>li>em.ty02{color:#087d6c; background:#b6eaed; border:1px solid #56bdc3;}
.division_2_date>ul.year>li.year_4>em.month_2{left:34%;}
.division_2>.tr{border-bottom:1px dashed #dddddd; position:relative; padding-left:100px;}
.division_2>.tr>.td{font-size:15px; letter-spacing:-0.5px; font-weight:bold; text-align:center; display:inline-block; padding:10px 0; margin-left:-4px;}
.division_2>.tr.ty01>.td, .division_2>.tr.ty02>.td{padding-top:20px; padding-bottom:20px;}
    
.tr_title{width:100px; height:100%; background:#edf2f8; font-size:15px; font-weight:bold; letter-spacing:-1px; text-align:center; position:absolute; left:0; border-bottom: 1px dashed #c8c8c8; display:table}
.tr_title>p{height:75px; display:table-cell; vertical-align:middle}
.division_2>.tr:last-child, .division_2>.tr:last-child .tr_title{border-bottom:0px}
.division_2>.tr>.td:last-child{border-right:0px}
.division_2>.tr>.td.ty01{width:86px;}
.division_2>.tr>.td.ty02{width:calc(48% - 90px);}
.division_2>.tr>.td.ty03{width:160px;}
.term{text-align:center; line-height:15px; position:absolute; margin:7px 0 0 -4px; width:32px;}
.term:before{content:""; width:84%; height:1px; display:inline-block; position:absolute; background:#007766; margin:35px 0 0 0px;}
/*.term:after{content:""; height:0; width:0; position:absolute; border:4px solid transparent; border-right-width:0; border-left-color:#007766; margin:16.5px 0 0 0px;}*/
.term:after{content:""; width:26px; height:9px; position:absolute; display:block; border-left:1px solid #007766; border-right:1px solid #007766; margin:1px 0 0 3px;}
.division_2>.tr.ty02>.td.ty02>i,
.division_2>.tr.ty03>.td.ty02>i,
.division_2>.tr.ty04>.td.ty02>i{min-width:150px}
.division_2>.tr.ty02>.td.ty03,
.division_2>.tr.ty03>.td.ty03,
.division_2>.tr.ty04>.td.ty03{width:100px;}
.division_2>.tr>.td>i{font-style:normal;text-align:center;display: inline-block; border-radius:3px; padding: 7px 20px 8px;vertical-align:middle;}
.division_2>.tr>.td.ty01>i{background:#ddd; width:calc(100% - 28px); padding:7px 10px 8px; color:#333;}
.division_2>.tr>.td.ty02>i{background:#c2deff;color: #004991;}
.division_2>.tr>.td.ty03>i,.division_2>.tr>.td.ty04>i,
.division_2>.tr>.td.ty05>i{background:#b6eaed;color: #006355;padding: 7px 10px 8px;}
.division_2>.tr.ty02>.td.ty02,
.division_2>.tr.ty02>.td.ty04,
.division_2>.tr.ty02>.td.ty05{position:relative}
.division_2>.tr.ty02>.td.ty04,
.division_2>.tr.ty03>.td.ty04,
.division_2>.tr.ty04>.td.ty04{width: calc(27.5% - 46px);}
.division_2>.tr.ty02>.td.ty05,
.division_2>.tr.ty03>.td.ty05,
.division_2>.tr.ty04>.td.ty05{width: calc(24.5% - 48px);}
.division_2>.tr.ty02>.td.ty04>i,
.division_2>.tr.ty03>.td.ty04>i,
.division_2>.tr.ty04>.td.ty04>i,
.division_2>.tr.ty02>.td.ty05>i,
.division_2>.tr.ty03>.td.ty05>i,
.division_2>.tr.ty04>.td.ty05>i{width: calc(100% - 30px);}
.division_2>.tr.ty03>.td.ty04>i,
.division_2>.tr.ty03>.td.ty05>i{min-height:40px; line-height:40px}
.division_2>.tr.ty01>.td.ty02>i{width:calc(100% - 50px);}
.division_2>.tr.ty01>.td.ty03>i{width:calc(100% - 28px);}
.division_2>.tr.ty02>.td.ty02:before{content:""; height:0; width:0; position:absolute; border:5px solid transparent; border-left-width:0; border-right-color:#0366c8; margin: 11px 0 0 190px;}
.division_2>.tr.ty02>.td.ty02:after{content:""; width:100px; height:113px; border-right:1px solid #0366c8; border-bottom:1px solid #0366c8; display:inline-block; position: absolute; margin:-97px 0 0 -1px; z-index:-1;}
.division_2>.tr.ty02>.td.ty04:before, .division_2>.tr.ty02>.td.ty05:before{content:""; height:0; width:0; position:absolute; border:5px solid transparent; border-bottom-width:0; border-top-color:#007766;}
.division_2>.tr.ty02>.td.ty04:after, .division_2>.tr.ty02>.td.ty05:after{content:""; width:1px; height:93px; background:#007766; display:inline-block; position:absolute; z-index:-1;}
.division_2>.tr.ty02>.td.ty04:before{margin:-5px 0 0 79px;}
.division_2>.tr.ty02>.td.ty04:after{margin:-97px 0 0 -73px;}
.division_2>.tr.ty02>.td.ty05:before{margin:-5px 0 0 59.5px;}
.division_2>.tr.ty02>.td.ty05:after{margin:-97px 0 0 -68px;}
.division_2>.tr.ty04>.td.ty02,
.division_2>.tr.ty04>.td.ty04,
.division_2>.tr.ty04>.td.ty05{position:relative}
.division_2>.tr.ty04>.td.ty02:before,
.division_2>.tr.ty04>.td.ty04:before,
.division_2>.tr.ty04>.td.ty05:before{content:""; width:0; height:0; position:absolute; border:7px solid transparent; left:50%; transform:translate(-50%, -15px);}
.division_2>.tr.ty04>.td.ty02:before{border-top-width:0; border-bottom-color:#0366c8;}
.division_2>.tr.ty04>.td.ty04:before,
.division_2>.tr.ty04>.td.ty05:before{border-top-width:0; border-bottom-color:#007766;}
.division_2>.tr.ty03>.td.ty02>i>span{display:block;}
.division_2>.tr.ty04>.td>i>span{display:block;}
/*감면*/    
.division_2_head.example{margin-top:-30px; margin-bottom:5px;}
.division_2_head.example>strong{}
.division_2_head.example>strong.ty01{font-size:15px; left:123px; bottom:1px;}
.division_2_head.example>strong.ty01:after{left:45%; bottom:-13px;}
.example>.division_2_date>ul>li>p{padding-top:5px}
.example>.division_2_date>ul>li{min-height:25px}                    
.example>.division_2_date:after,
.division_2.example>.tr.ty02>.td.ty02:before,
.division_2.example>.tr.ty02>.td.ty02:after{display:none}                    
.division_2.example>.tr>.td.ty02>i{background:#b6eaed; color:#006355;}                    
.example>.division_2_date>.tr_title>p{height:33px}
.example .tr_title>p{height:55px;}
.division_2.example>.tr.ty01>.td, .division_2.example>.tr.ty02>.td {padding-top:10px; padding-bottom:10px;}
.example>.division_2_date>ul>li:after{height:36px; top:-5px;}                    
.example>.division_2_date>ul>li.year_1{position:absolute; color:#333; font-weight:normal; margin-left:85px; left: 50px; margin-top:6px}
.example>.division_2_date>ul>li.year_1:after{display:none}
.example>.division_2_date>ul>li.year_2,
.example>.division_2_date>ul>li.year_3{width:calc(50% - 12px); border:0px; margin: 5px 0 6px;}

.division_2.example>.tr.ty01>.td.ty02,
.division_2.example>.tr.ty01>.td.ty03,
.division_2.example>.tr.ty02>.td.ty02,
.division_2.example>.tr.ty02>.td.ty03{width: calc(50% - 10px);}
.division_2.example>.tr>.td{margin-left:0px}
.division_2.example>.tr.ty01>.td.ty02>i,
.division_2.example>.tr.ty01>.td.ty03>i,
.division_2.example>.tr.ty02>.td.ty02>i,
.division_2.example>.tr.ty02>.td.ty03>i{width:calc(45% - 10px);}    
    
.guide_stitle{font-size:21px; color:#111; font-weight:bold; letter-spacing:-1px; display:block; text-align:center; margin-bottom:25px;}
.guide_stitle_2{font-size:14px; letter-spacing:-0.5px; font-weight:bold; display:inline-block; float:right; line-height:18px; margin-left:10px; margin-right:6px;}    
.guide_stitle.line{margin-top:10px; padding-top:40px; border-top:1px dotted #bbb;}
.schedule{text-align:center; position:relative; padding-left:105px; margin:35px 0 25px 0;}
.schedule>li{width:calc(25% - 40px); min-height:200px; display:inline-block; vertical-align:top; margin-left:40px; position:relative; padding:1px; font-size:17px; letter-spacing:-0.5px; font-weight:bold; text-align:center;}
.schedule>li:before{content:""; width:34px; height:21px; display:inline-block; background:url(/res/images/main/arrow_2.png) 50% 50% no-repeat; position:absolute; left:-40px; top:115px;}
.schedule>li:first-child{margin-left:0px;}
.schedule>li:first-child:before{display:none;}
.schedule>li>em{font-size:15px; color:#333; font-weight:bold; line-height:20px; letter-spacing:-0.5px; display:inline-block;}
.schedule>li>.title_text{font-size:16px; color:#333; letter-spacing:-1px; font-weight:bold; text-align:center; line-height:21px; display:block; padding:20px 0 20px; margin:55px auto 47px; border:5px solid #d9e9fd; background:#fff; position:relative; border-radius: 15px; box-shadow:0px 3px 3px rgb(217 217 217 / 50%); position:relative;}
.schedule>li>.title_text:before,.schedule>li>.title_text:after{content:""; width:0; height:0; position:absolute; border:7px solid transparent; left:50%; transform:translate(-50%, 0);}    
.schedule>li>.title_text:before{border-top-width:0; border-bottom-color:#0366c8; top:-25px;}
.schedule>li>.title_text:after{border-bottom-width:0; border-top-color:#0daf98; bottom:-26px;}
.schedule>li>.title_text>span{color:#0564bf; display:block; margin-top:3px;}
.schedule_1_title,.schedule_2_title{position:absolute; width:calc(100% - 15px); height:40px; display:block; text-align:left; z-index:-1; line-height:38px; left:0px; border-radius:100px; padding:7px;}
.schedule_1_title{background:#e7f2ff;top:-14px;}
.schedule_1_title>span{background:#0055a9;}
.schedule_2_title{background:#e4f8f9;bottom:-6px;}
/*.schedule_2_title>span{background:#0daf98}*/
.schedule_2_title>span{background:#1c8576}
.schedule_1_title>span,.schedule_2_title>span{width:100px; display:inline-block; border-radius:30px; position:absolute; z-index:-1; font-size:16px; color:#fff; letter-spacing:-1px; font-weight:bold; text-align:center;}
.guide_info_text{border:1px solid #ddd; border-radius:5px; padding:20px 20px 20px 30px; font-size:15px; color:#333; font-weight: bold; letter-spacing:-0.5px;}
.guide_info_text>em{font-size:14px; letter-spacing:-0.3px;}
.guide_info{font-style: normal; font-size:14px; color:#fff; text-align:center; font-weight:bold; background:#103e93; border-radius:100px; width:20px; height:20px; line-height:19px; display:inline-block; margin-right:6px;}
.guide_info_text.ty02{border:0px; padding:10px 0 0 5px}

/* 2025.10.02 웹 접근성 스크린리더 전용 숨김 텍스트 처리 관련 추가*/
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}