@charset "UTF-8";


/*sub_top*/
.sub_top{width: 100%; height: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.sub_top .sub_txt{width: 100%; margin: 0 auto; text-align: center; color: white;}
.sub_top .sub_txt b{font-size: 36px; font-weight: 900; letter-spacing: -0.05em; display: block; margin-bottom: 30px;}
.sub_top .sub_txt p{font-size: 20px; letter-spacing: -0.025em; line-height: 28px;}
.sub_top .sub_txt .txt1, .sub_top .sub_txt .txt2{opacity: 0; position: relative; bottom: -10px;}
.sub_top .sub_txt .txt1{-webkit-animation: showin 0.5s;animation: showin 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s;  -webkit-animation-fill-mode: forwards;  animation-fill-mode: forwards;}
.sub_top .sub_txt .txt2{-webkit-animation: showin 0.5s;animation: showin 0.5s; -webkit-animation-delay: 1s; animation-delay: 1s;  -webkit-animation-fill-mode: forwards;  animation-fill-mode: forwards;}

@-webkit-keyframes showin {
  from {
    opacity:0;
    bottom: -10px;
  }

  to {
    opacity:1;
    bottom: 0;
  }
}

@keyframes showin {
  from {
    opacity:0;
    bottom: -10px;
  }

  to {
    opacity:1;
    bottom: 0;
  }
}

.sub_top1{background: url('/images/sub/sub_top1.png') no-repeat center center; background-size: cover;}
.sub_top2{background: url('/images/sub/sub_top2.png') no-repeat center center; background-size: cover;}
.sub_top3{background: url('/images/sub/sub_top3.png') no-repeat center center; background-size: cover;}
.sub_top4{background: url('/images/sub/sub_top4.png') no-repeat center center; background-size: cover;}
.sub_top5{background: url('/images/sub/sub_top5.png') no-repeat center center; background-size: cover;}
.sub_top6{background: url('/images/sub/sub_top6.png') no-repeat center center; background-size: cover;}

/*sub_nav*/
.sub_nav{height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #dddddd;}
.sub_nav .wrap{overflow: hidden;}
.sub_nav ul li{float: left; width: 25%; height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #dddddd;}
.sub_nav ul.sub5 li{width: 20%; }
.sub_nav ul.sub6 li{width: 16.6%; }
.sub_nav ul li:last-of-type{border-right: 1px solid #dddddd;}
.sub_nav ul li a{display: block; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 18px; color: #666666;}
.sub_nav ul li.on{border-left: 0 !important; border-right: 0 !important; background: #ff6666;}
.sub_nav ul li.on a{color: white;}

/*sub_title*/
.sub_title{-webkit-box-sizing: border-box;box-sizing: border-box; padding-top: 80px; padding-bottom: 50px; text-align: center; width: 100%; max-width: 1200px; margin: 0 auto; position: relative; margin-bottom: 80px;}
.sub_title::after{content: ""; display: block; height: 1px; width: 100%; border-bottom: 1px solid #bbbbbb; position: absolute; left: 0; bottom: 0;}
.sub_title::before{content: ""; display: block; height: 1px; width: 30%; max-width: 390px; border-bottom: 1px solid #ff6666; position: absolute; left: 50%;  -webkit-transform: translateX(-50%);  transform: translateX(-50%); bottom: 1px;}

.sub_title h2{font-size: 48px; font-weight: bold; margin-bottom: 30px;}
.sub_title .path{ text-align: center;}
.sub_title .path li{display: inline-block; padding: 0 14px; position: relative;font-family:'NanumBarunGothic';}
.sub_title .path li::after{content: ""; display: block; width: 9px; height: 10px; background: url('/images/sub/sub_path.png') no-repeat center center; position: absolute; right: -7px; top: 5px;}
.sub_title .path li:last-of-type::after{display: none;}
.sub_title .path li a{font-size: 16px; color: #666666;font-family:'NanumBarunGothic'; }

/*sub_content*/
.sub_content{padding-bottom: 100px;font-size: 20px; color: #666666; line-height: 38px; word-break: keep-all;}
/*.sub_content p, .sub_content ul li, .sub_content ol li, .sub_content table {font-family:'NanumBarunGothic';}  */
.sub_content img{max-width: 100%; display: block; margin: 0 auto;}
.sub_content h3{font-size: 28px; font-weight: normal; letter-spacing: -0.05em; color: #ff6666; display: block; margin:70px 0 30px 0;}
.sub_content h4{font-size: 22px; font-weight: bold; letter-spacing: -0.05em; color: #222; display: block; margin:30px 0 10px 0;}
.sub_content h5{background:#776666;font-size: 18px; font-weight: bold; letter-spacing: -0.05em; color: #fff; display: block; margin:20px 0 10px 0;padding-left: 20px;}
.sub_content ul{-webkit-box-sizing: border-box;box-sizing: border-box; padding: 30px; background: #f6f6f6; border-radius: 3px;} 
.sub_content ol{-webkit-box-sizing: border-box;box-sizing: border-box; padding: 30px 30px 30px 40px ; background: #f6f6f6; border-radius: 3px;}
.sub_content ul li, .sub_content ol li{-webkit-box-sizing: border-box;box-sizing: border-box; font-size: 20px; margin-bottom: 10px; position: relative; word-break: keep-all;}
.sub_content ul.bar li {padding-left: 12px; }
.sub_content ul.bar li::before{content: ""; display: block; width: 6px; height: 1px; background: #666666; position: absolute; left: 0; top: 14px;}
.sub_content ul li.bar:last-of-type{margin-bottom: 0;}
.sub_content ul.circle li {padding-left: 12px; }
.sub_content ul.circle li::before{content: ""; display: block; width: 2px; height: 2px; background: #999; position: absolute; left: 0; top: 14px;}
.sub_content ul li.circle:last-of-type{margin-bottom: 0;}
.sub_content .box {-webkit-box-sizing: border-box;box-sizing: border-box; padding: 30px; background: #f6f6f6; border-radius: 3px;}
.sub_content .bin{background:none;padding:10px;}
.sub_content img{margin: 50px auto;}
.sub_content strong {color:#222;}
.sub_content span {color:#f69146;}
.sub_content span.txt_small {font-size:84%;font-weight:normal;}
.sub_content table {width:100%;border:1px solid #ddd;border-top:2px solid #222;font-size:17px;}
.sub_content table caption {display:none;}
.sub_content table thead {background:#f6f6f6;font-weight:700;border-bottom:1px solid #222;text-align:center;}
.sub_content table th, table td {padding:10px 15px;border:1px solid #ddd;}
.sub_content table tbody th {width:15%;background:#f6f6f6;text-align:left;font-weight:700;}
.sub_content li.one_line {display: inline-block;margin-right: 30px;}

.sub_content .member div {padding-left:45%;}
.sub_content .member ul li {font-family:'NanumBarunGothic';}
.sub_content .member .member1 {background:url('/images/sub/pt_01_2023.jpg') no-repeat left top;}
.sub_content .member .member2 {background:url('/images/sub/pt_02_2023.jpg') no-repeat left top;}
.sub_content .member .member3 {background:url('/images/sub/pt_03_2023.jpg') no-repeat left top;}
.sub_content .member .member4 {background:url('/images/sub/pt_04_2023.jpg') no-repeat left top;}
.sub_content .member .member5 {background:url('/images/sub/pt_05_2023.jpg') no-repeat left top;}
.sub_content .member .member6 {background:url('/images/sub/pt_06_2023.jpg') no-repeat left top;}
.sub_content .member .member7 {background:url('/images/sub/pt_07_2023.jpg') no-repeat left top;}
.sub_content .member .member8 {background:url('/images/sub/pt_08_2023.jpg') no-repeat left top;}
.sub_content .member .member9 {background:url('/images/sub/pt_09_2023.jpg') no-repeat left top;}
/*
.sub_content .member .member10 {background:url('/images/sub/pt_01_2023.jpg') no-repeat left top;}
.sub_content .member .member11 {background:url('/images/sub/pt_01_2023.jpg') no-repeat left top;}
.sub_content .member .member12 {background:url('/images/sub/psy.jpg') no-repeat left top;}
*/
.sub_content .member hr {display:block;width:100%;height:2px;background: url('/images/sub/pr_line.jpg') repeat-x;border: 0;margin: 50px 0;}
.sub_content .member h3 {color:#222;font-size:45px;line-height: 1.2;}
.sub_content .member h3 span {color:#222;display:block;font-size:24px;font-weight:normal;}
.sub_content .member h4 {color:#ff6666;}
.sub_content .map{width:100%;height:450px;}
.sub_content .map>div:first-of-type{height:450px !important;}
.sub_content .counsel_list {font-size:110%;line-height:200%;}
.sub_content .counsel_tel {font-size:36px;}

.sub_content #bo_list img {display: inline;margin: 0;}
.sub_content #bo_list ul, .sub_content #bo_v ul, .sub_content #bo_w ul {background:none;padding:0;overflow: hidden;}
.sub_content #bo_list ul li, .sub_content #bo_v ul li, .sub_content #bo_w ul li {display: block;float: left;margin-right: 10px;}
/*게시판읽기*/
#bo_v {margin-bottom:20px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}
#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}
#bo_v_title {}
#bo_v_title .bo_v_cate{display:inline-block;line-height:26px;background: #3497d9;color: #fff;font-weight: bold;border-bottom:1px solid #1977b5;padding:0 10px;border-radius:3px;
-webkit-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
box-shadow: inset 0 2px 5px rgb(33, 135, 202);
}
#bo_v_title .bo_v_tit{display:block;color:#222;margin:5px 0 0;word-break:break-all}
#bo_v_info {padding: 10px 0 15px;color:#666}
#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info strong {display:inline-block;margin:0 10px 0 0;font-weight:normal}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:bold}
#bo_v_info .profile_img {}
#bo_v_info .profile_img img{border-radius:50%}
#bo_v_info .sv_member{color:#000}
#bo_v_info .if_view{display:inline-block;background:url(./skin/board/basic/img/icon_view.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
#bo_v_info .if_comment{display:inline-block;background:url(./skin/board/basic/img/icon_comment.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
#bo_v_info .if_date{float:right;margin:0;font-style:italic;color:#888}
#bo_v_file {margin:10px 0;border:1px solid #d4d4d4}
#bo_v_file h2 {padding:10px;background: #f3f3f3}
#bo_v_file ul {margin:0;padding:5px 0;list-style:none}
#bo_v_file li {padding:5px 10px;position:relative;}
#bo_v_file a {display:inline-block;color:#3497d9;text-decoration:underline;word-wrap:break-word}
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
#bo_v_file img {float:left;margin:0 10px 0 0}
.bo_v_file_cnt  {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em}
#bo_v_link {border:1px solid #ddd;margin-bottom:10px;}
#bo_v_link h2 {padding:5px 10px;font-size:18px;border-bottom:1px solid #e8e8e8;background: #f3f3f3}
#bo_v_link ul {margin:0;padding:5px 0;list-style:none}
#bo_v_link li {padding:5px 10px;position:relative;}
#bo_v_link a {display:inline-block;font-size: 16px;word-wrap:break-word}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
.bo_v_link_cnt {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em}
#bo_v_top {zoom:1}
#bo_v_top li.btn_next, #bo_v_top li.btn_prv {width:100%;margin:0;font-size: 16px;}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {padding:0;list-style:none;word-break:break-all}
#bo_v_bot {zoom:1}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_bot ul {padding:0;list-style:none}
.bo_v_com {margin:20px 0;float:right}
.bo_v_com li {float:left;margin-left:5px}
.bo_v_left {margin:20px 0;float:left}
.bo_v_left li {float:left;margin-right:5px}
.bo_v_nb {margin:20px 0;position:relative;clear:both;text-align:left;border-bottom:1px solid #ddd}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {border-top:1px solid #ddd;padding:13px;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.bo_v_nb li:hover{background:#f6f6f6}
.bo_v_nb li i{font-size:13px}
.bo_v_nb li .nb_tit{display:inline-block;padding-right:20px;color:#4567b5}
.bo_v_nb li .nb_date{float:right;color:#888}
#bo_v_atc {min-height:200px;height:auto !important;height:200px}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_img {width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img a.view_image{display:block}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}
#bo_v_con {margin:10px 0 30px;width:100%;line-height:1.7em;min-height:200px;word-break:break-all;overflow:hidden}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}
#bo_v_act {margin-bottom:30px;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {margin-right:5px;vertical-align:middle}
#bo_v_act a:hover{background-color:#f3f3f3}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}
#bo_v_act .bo_v_good{display:inline-block;border:1px solid #000;width:70px;height:70px;padding-top:40px;background:url(./skin/board/basic/img/icon_good.png) 25px 18px no-repeat;border-radius:50%;font-style:italic}
#bo_v_act .bo_v_nogood{display:inline-block;border:1px solid #000;width:70px;height:70px;padding-top:40px;background:url(./skin/board/basic/img/icon_bad.png) 25px 18px no-repeat;border-radius:50%;font-style:italic}
#bo_v_share{position:relative;margin:20px 0;text-align:right}
#bo_v_share .btn{padding:0 10px 0 0;color:#555;font-weight:normal;font-size:1em ;line-height:30px;height:32px;border-radius:0;border-color:#d5d5d5}
#bo_v_share .btn:hover{background:#fff}
#bo_v_share .btn i{margin-right:5px;background:#eee;color:#333;text-align:center;width:30px;line-height:30px;vertical-align:top;}
#bo_v_share .btn_share{}
#bo_v_share .btn_share:hover{}
.bo_v_snswr{position:relative;display:inline-block;margin-left:-1px}
#bo_v_sns {display:none;position:absolute;top:-50px;left:50%;margin-left:-90px;width:180px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns:before{content: "";position: absolute;bottom: -7px;left: 84px;width: 0;height: 0;border-style: solid;border-width: 7px 6px 0 6px;border-color: #415b92 transparent transparent transparent;}
#bo_v_sns li {float:left;width:60px;text-align:center}
#bo_v_sns li a{height:40px;padding:10px 0;}
#bo_v_sns li .sns_f{display:block;background:#415b92}
#bo_v_sns li .sns_t{display:block;background:#35b3dc}
#bo_v_sns li .sns_g{display:block;background:#d5503a}
#bo_v_sns.show_kakao{width:240px;margin-left:-120px}
#bo_v_sns li .sns_k{display:block;background:#fbe300}
#bo_v_sns li img{vertical-align:top}

/*footer*/
.sub_footer{margin-bottom: 112px;}
/*quick*/
.sub_quick{width: 100%; max-width: 100%; position: fixed; left: 0; bottom: 0;z-index: 99;}

@media all and (max-width:1200px) {
    .sub_nav .wrap{padding: 0;}
    .sub_nav ul li:last-of-type{border-right: 0;}
}

@media all and (max-width:1024px) {
    .sub_top{height: 250px;}
    .sub_top .sub_txt b{font-size: 25px;}
    .sub_top .sub_txt p{font-size: 17px; line-height: 24px;}

    .sub_nav, .sub_nav ul li{height: 50px;}
    .sub_nav ul li a{font-size: 16px;}

    .sub_title{padding-top: 60px; padding-bottom: 40px; margin-bottom: 60px;}
    .sub_title h2{font-size: 35px;}
	.sub_content {font-size: 18px; line-height: 1.5;}

    .sub_content h3{font-size: 27px;}
	.sub_content h4{font-size: 21px;}
	.sub_content h5{font-size: 17px;}
    .sub_content ul li, .sub_content ol li{font-size: 17px;}
    .sub_content ul li::before{top: 7px;}
	.sub_content table {font-size:16px;}
}


@media all and (max-width:768px) {
    .sub_top .sub_txt{-webkit-box-sizing: border-box;box-sizing: border-box; padding: 0 20px; word-break: keep-all;}

    .sub_nav ul li a{-webkit-box-sizing: border-box;box-sizing: border-box; padding: 0 10px; text-align: center; word-break: keep-all; font-size: 14px;}

    .sub_title{padding-bottom: 30px; margin-bottom: 30px;}
    .sub_title h2{font-size: 30px; margin-bottom: 20px;}
    .sub_title .path li a, .sub_title .path li{font-size: 14px;color:#666;}
    .sub_title .path li::after{top: 4px;}

    .sub_content {font-size: 16px; line-height: 1.5;}
    .sub_content img{margin: 30px auto;}

    .sub_content h3{margin-top: 40px; margin-bottom: 20px; font-size: 24px;}
	.sub_content h4{font-size: 18px;}
	.sub_content h5{font-size: 16px;padding-left: 15px;}
    .sub_content ul li, .sub_content ol li{font-size: 15px; margin-bottom: 10px;line-height: 18px;}
	.sub_content ul {padding:20px 13px;}
	.sub_content ol {padding:20px 13px 20px 25px;}
	.sub_content ul.bar li::before{top: 7px;}
	.sub_content .box {padding: 20px 13px; }
	.sub_content .bin{padding:5px 0px;}
	.sub_content table {font-size:14px;}
	.sub_content table th, table td {padding:10px 5px;}
    .sub_content{padding-bottom: 70px;}

	.sub_content .member div {padding-left:0;}
	.sub_content .member .member1, .sub_content .member .member2, .sub_content .member .member3, .sub_content .member .member4, .sub_content .member .member5, .sub_content .member .member6, .sub_content .member .member7, .sub_content .member .member8, .sub_content .member .member9 {background:none;}
	.sub_content .member .member5 {padding-bottom:50px;}
    /*footer*/
    .sub_footer{margin-bottom:0px;}
	.sub_quick{width: 100%; max-width: 100%; position: relative; left: 0; bottom: 0;}
}
@media all and (max-width:600px) {
    .sub_footer{margin-bottom: 226px;}
}
@media all and (max-width:450px) {
    .sub_top{height: 200px;}
    .sub_top .sub_txt b{font-size: 20px; margin-bottom: 20px;}
    .sub_top .sub_txt p{font-size: 14px;}

    .sub_nav ul li{width: 50%; border-bottom: 1px solid #ddd;}
    .sub_nav ul.sub5 li{width: 50%; border-bottom: 1px solid #ddd;}
	.sub_nav ul.sub5 li.w33 {width:33.333%;}
	.sub_nav ul.sub6 li{width: 33.333%; border-bottom: 1px solid #ddd;}
    .sub_nav{height: auto; border: 0;}

    .sub_footer{margin-bottom: 0px;}
}