@charset "utf-8";


/* greeting */
.greeting {max-width:100% !important; padding:120px 0;}
.greeting .greeting_wrap {width:1200px; min-height:430px; position:relative; margin:30px auto 450px;}
.greeting .greeting_wrap .section1 .txt_box {float:left; width:50%; margin-right:4%;}
.greeting .greeting_wrap .section1 .txt_box h4 {font-size:40px; font-weight:300; letter-spacing:-2px; line-height:120%;}
.greeting .greeting_wrap .section1 .txt_box h4 mark {font-weight:600; display: block;}
.greeting .greeting_wrap .section1 .txt_box p {margin-top:40px;font-size:18px; color:#333; line-height:30px; font-weight:300; letter-spacing:-1px;}
.greeting .greeting_wrap .section1 .img_box {float:right; width:42.5%; position:relative;}
.greeting .greeting_wrap .section1 .img_box .bg_img {box-shadow: 25px 25px #F1F1F1 !important;}
.greeting .greeting_wrap .section1 .img_box img {width:100%; display:block;}
.greeting .greeting_wrap .section1 .img_box .name {text-align:right; font-weight: 500; font-size:20px; margin-top:80px; margin-right: -25px;}

@media screen and (max-width: 1200px) {
	.greeting {padding:120px 0;}
	.greeting .greeting_wrap {width:90%; margin: 30px auto 550px;}
}
@media screen and (max-width: 1024px) {
	.greeting {padding-bottom: 50px;}
	.greeting .greeting_wrap {margin-bottom: 0;}
	.greeting .greeting_wrap .section1 .txt_box h4 {font-size:22px; line-height:130%;}
	.greeting .greeting_wrap .section1 .txt_box {float:none; width: 100%;}
	.greeting .greeting_wrap .section1 .txt_box p {font-size:16px; margin-top:20px;}
	.greeting .greeting_wrap .section1 .img_box {float:none; width: 100%; margin:30px 0 50px;}
	.greeting .greeting_wrap .section1 .img_box .name {font-size:16px;}
}
@media screen and (max-width: 768px) {
.greeting {padding-top:100px;}
.greeting .greeting_wrap {margin-top:20px;}
.greeting .greeting_wrap .section1 .img_box .name {margin-right: 0;}
.greeting .greeting_wrap .section1 .txt_box h4 mark {display:inline;}
}

/* history */
.history {max-width:100% !important; padding:120px 0;}
.history .history_wrap {width:1200px; height:auto; position:relative; margin:70px auto 40px; overflow:hidden;}
.history .history_wrap::before {content:''; position:absolute; width:1px; height:2790px; background:#eee;left:50%; }
.history .history_wrap ul {width:100%; height:auto; position:relative; text-align:left;}
.history .history_area ul li {width:100%; height:auto; margin-bottom:80px; overflow:hidden; position:relative;}
.history .history_area ul li .img_box {float:left; /* width:50%; */ padding-right:3em; text-align:right; box-sizing:border-box;}
.history .history_area ul li.year_rg .img_box {top:50%; right:50%; transform:translate(106%, 0%); float:right; padding-left:3em; text-align:left; position:relative;}
.history .history_area ul li.year_lg .img_box {top:50%; left:50%; transform:translate(-110%, 0%); position: relative;}

.history .history_area ul li .img_box .book {width:120px; height:170px; display:block; cursor: pointer;}
.history .history_area ul li .img_box .book.img_2022 {background:url("../image/sub/history_img_2022.png") center no-repeat;}
.history .history_area ul li .img_box .book.img_2021 {background:url("../image/sub/history_img_2021.png") center no-repeat;}
.history .history_area ul li .img_box .book.img_2020 {background:url("../image/sub/history_img_2020.png") center no-repeat;}
.history .history_area ul li .img_box .book.img_2019 {background:url("../image/sub/history_img_2019.png") center no-repeat;}
.history .history_area ul li .img_box .book.img_2018 {background:url("../image/sub/history_img_2018.png") center no-repeat;}
.history .history_area ul li .img_box .book.img_2017 {background:url("../image/sub/history_img_2017.png") center no-repeat;}
.history .history_area ul li .img_box .book.img_2016 {background:url("../image/sub/history_img_2016.png") center no-repeat;}
.history .history_area ul li .img_box .book.img_2015 {background:url("../image/sub/history_img_2015.png") center no-repeat;}
.history .history_area ul li .img_box .book.img_2014 {background:url("../image/sub/history_img_2014.png") center no-repeat;}
.history .history_area ul li .img_box .book.img_2013 {background:url("../image/sub/history_img_2013.png") center no-repeat;}
.history .history_area ul li .img_box .book.img_2012 {background:url("../image/sub/history_img_2012.png") center no-repeat;}
.history .history_area ul li .img_box .book.img_2011 {background:url("../image/sub/history_img_2011.png") center no-repeat;}
.history .history_area ul li .img_box .book.img_2010 {background:url("../image/sub/history_img_2010.png") center no-repeat;}
.history .history_area ul li .img_box .book.img_2009 {background:url("../image/sub/history_img_2009.png") center no-repeat;}
.history .history_area ul li .img_box .book.img_2008 {background:url("../image/sub/history_img_2008.png") center no-repeat;}
.history .history_area ul li .img_box .book.img_2007 {background:url("../image/sub/history_img_2007.png") center no-repeat;}
.history .history_area ul li .img_box .book.img_2006 {background:url("../image/sub/history_img_2006.png") center no-repeat;}
.history .history_area ul li .img_box .book.img_2005 {background:url("../image/sub/history_img_2005.png") center no-repeat;}
.history .history_area ul li .img_box .book.img_2004 {background:url("../image/sub/history_img_2004.png") center no-repeat;}
.history .history_area ul li .img_box .book.img_2003 {background:url("../image/sub/history_img_2003.png") center no-repeat;}
.history .history_area ul li .img_box .book.img_2002 {background:url("../image/sub/history_img_2002.png") center no-repeat;}
.history .history_area ul li .img_box .book.img_2001 {background:url("../image/sub/history_img_2001.png") center no-repeat;}
.history .history_area ul li .img_box .book a {width:100%; height:100%; display:block; position:relative;}
.history .history_area ul li .img_box .book a:hover {background-color:rgba(0,0,0,0.5);}
.history .history_area ul li .img_box .book a:hover:before {content:''; width:35px; height:40px; background:url("../image/sub/ico_search.png"); position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); background-size: 80%; background-repeat: no-repeat; background-position: bottom;}

.history .history_area ul li .img_box .btn_down {width:120px; margin-top:3px; display:block;}
.history .history_area ul li .img_box .btn_down a {display:block;}
.history .history_area ul li .img_box .btn_down a:hover {background:#253981; color:#fff;}
.history .history_area ul li .img_box div p {border:1px solid #ddd; padding:.5em; margin-top:-4px; width:120px; font-size:15px; text-align:center;}
.history .history_area ul li .img_box div p:after {content:''; display: inline-block; width:18px; height:17px; background:url("../image/sub/history_ico_download.png"); margin-left:8px;} 
.history .history_area ul li .img_box div a:hover p:after {background:url("../image/sub/history_ico_download_over.png") center no-repeat;} 
.history .history_area ul li.year_rg .img_box div p {border:1px solid #ddd;}
.history .history_area ul li.year_rg .img_box div p:after {content:''; display: inline-block; width:18px; height:17px; background:url("../image/sub/history_ico_download.png");}
.history .history_area ul li img {width:120px;}
.history .history_area ul li::before {content:''; position:absolute; width:13px; height:13px; left:50%; top:15px; border-radius:100%; background:#00a3cc; transform:translate(-50%, 0%);}
.history .history_area ul li .history_box {width:45%; text-align:right; float:left;}
.history .history_area ul li .history_box:hover {color:#00a8d1;}
.history .history_area ul li:nth-child(2n) .history_box {width:45%; float:right; text-align:left;}
.history_box > p { margin-bottom:20px; font-size:50px; font-weight:700;letter-spacing:-0.095em}
.history_box > dl > dd {color:#333; line-height:180%; font-size:18px; font-weight:300;letter-spacing:-0.05em}


/* The Modal */
.modal {display:none; position:fixed; z-index:5; padding-top:2%; left:0; top:0; width:100%; height:100%; overflow-y:hidden; background-color:rgba(0,0,0,0.9);}
.modal-content {position: relative; margin: auto; padding: 0; width: 700px; height:auto;}
.modal-content ul {background:#fff; width:600px; margin:auto;}
.modal-content ul li {text-align:center;}
.modal-content ul li span {display:block; background:#7fc241; padding:15px; color:#fff;}
.modal-content img {max-width: 100%;}
a.close {color:#fff; position:absolute; top:0px; right:50px; font-size:50px; width:50px; height:50px; text-align:center; background:#000; z-index:1;}
a.close:hover,
a.close:focus {text-decoration:none; cursor:pointer;}
.mySlides {display:none;}
.prev,
.next {cursor:pointer; position:absolute; top:50%; width:auto; padding:16px; margin-top:-50px; color:#fff; font-weight:bold; font-size:20px; transition:0.6s ease; user-select:none; -webkit-user-select:none;}
.next {right:0;}
.prev:hover,
.next:hover {background-color: rgba(0, 0, 0, 0.8);}
.caption-container {text-align:center; background-color:black; padding:2px 16px; color:white;}

@media screen and (max-width:1200px) {
	.history .history_wrap {width:90%; margin:50px 5%;}
	.history .history_area ul li.year_rg .img_box {top:50%; right:50%; transform:translate(106%, 0%);}
	.history .history_area ul li.year_lg .img_box {top:50%; left:50%; transform:translate(-102%, 0%);}
	.modal {padding-top:7%;}
	.modal-content ul {width:500px;}
	.prev,
	.next {padding:45px;}
	a.close {right:100px;}
}
@media screen and (max-width: 1024px) {
	.history .history_wrap::before {left:3%; height:4500px;}
	.history .history_area ul li {margin-bottom:50px;}
	.history .history_area ul li::before {left:3%;}
	.history .history_area ul li .history_box {width:100%; text-align:left; float:left; margin-left:8%;}
	.history .history_area ul li:nth-child(2n) {text-align:left;}
	.history .history_area ul li:nth-child(2n) .history_box {width:100%; float:left;}
	.history .history_area ul li .img_box {margin-left:8%; width:100%; margin-top: 1em;}
	.history .history_area ul li.year_rg .img_box {top:50%; right:50%; transform:translate(50%, 0%); float:left; padding-left:0;}
	.history .history_area ul li.year_lg .img_box {top:50%; left:50%; transform:translate(-50%, 0%);}
}
@media screen and (max-width: 900px) {
	.history_box > p {font-size:40px;}
}
@media screen and (max-width: 768px) {
	.history {padding:100px 0;}
	.modal {padding-top:15%;}
	.modal-content {width:auto;}
	.modal-content ul {width:400px;}
	a.close {top:0; left:50%; transform:translate(300%, 0);}
}
@media screen and (max-width: 568px) {
	.history_box > p {font-size:36px;line-height:50px; margin-bottom:10px;}
	.history_box > dl > dd {font-size:15px;}
	.modal {padding-top:40%;}
	.modal-content ul {width:200px;}
 	a.close {top:0; left:50%; transform:translate(100%, 0);}
	.prev, .next {padding:20px;}
}

/* executive */
.executive {max-width:100% !important; padding:120px 0;}
.executive .executive_wrap {width:1200px; height:auto; position:relative; margin:10px auto ; overflow:hidden;}
.executive .executive_wrap .tit {font-size:32px;font-weight:500; margin-bottom:20px;}
@media screen and (max-width: 1200px) {
	.executive .executive_wrap {width:90%; margin:0 5%;}
}
@media screen and (max-width: 768px) {
	.executive {padding:100px 0;}
}
@media screen and (max-width: 568px) {
	.executive .executive_wrap .tit {font-size:18px;}
}

/* contact */
.contact {max-width:100% !important; padding:120px 0;}
.contact .contact_wrap {width:1200px; height:auto; position:relative; margin:40px auto ; overflow:hidden;}
.contact_box {position:relative; padding:80px; padding-left:40%; border:1px solid #eee; margin-bottom:40px; }
.contact_box > p {font-size:28px; font-weight:500; margin-bottom:25px;}
.contact_box > ul > li {line-height:150%; font-size:18px; color:#333; font-weight:300;} 
.ctat_bg1::before {position:absolute; content:''; top:50%; left:15%;border-radius:100%; transform:translate(0%, -50%); width:200px; height:200px; background:#edf1f5 url(../image/sub/contact_ico1.png) no-repeat center;}
.ctat_bg2::before {position:absolute; content:''; top:50%; left:15%;border-radius:100%; transform:translate(0%, -50%); width:200px; height:200px; background:#edf1f5 url(../image/sub/contact_ico2.png) no-repeat center;}

@media screen and (max-width: 1200px) {
.contact .contact_wrap {width:90%; margin:0 5%;}
}

@media screen and (max-width: 1024px) {
.ctat_bg1::before, .ctat_bg2::before {left:10%}
}

@media screen and (max-width: 800px) {
.contact {padding:100px 0;}
.contact_box{ padding:30px; padding-top:200px; text-align:center}
.ctat_bg1::before, .ctat_bg2::before {top:100px; left:50%;transform:translate(-50%, -50%);width:150px; height:150px;  }
}

/* introduce-지회소개 */

.introduce {max-width:100% !important; padding:120px 0;}
.introduce .introduce_wrap {width:1200px; height:auto; position:relative; margin:0 auto; overflow:hidden;}
ul.branchList, ul.branchList * {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.branchList {width:100%;}
ul.branchList:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}

ul.branchList > li {float: left;width: 25%;padding:0 0 20px 20px;}
ul.branchList > li:nth-child(4n+1) {clear: both;padding-left: 0;}

ul.branchList a {position: relative;display: block;/* height: 53px; */border: 1px solid #ccc;padding: 30px 30px 85px;color: #1b2646;font-size: 24px;font-weight: 200;}
ul.branchList a:after {position:absolute; right:30px; bottom:24px; width:115px; padding:10px 0 11px; text-align:center; color:#222; background-color:#f3f3f3; font-size:16px; content:"바로가기  →";}
/* ul.branchList li:nth-child(1) a:after {background-color:#253981;color: #fff;} */
ul.branchList a:hover,
ul.branchList a:focus {border-color: #253981;}
ul.branchList a:hover:after,
ul.branchList a:focus:after {background-color: #253981;color: #fff;}

/* 홈페이지 바로가기 버튼 추가 200218 */
ul.branchList li {position: relative;}
ul.branchList .btn {position: absolute; right: 156px; bottom: 51px; z-index: auto;}
ul.branchList .btn a {width: 115px; height: auto; padding: 11px 0 11px; text-align: center; background-color: #253981; border: none; font-size: 16px; color: #fff;}
ul.branchList .btn a:after {display: none;}
ul.branchList .btn a:hover {background-color: #e85e34; color: #fff; border-color: #253981;}

div.branch {margin-top:30px;}
div.branch ul.subMenu {margin-bottom: 50px;}

@media screen and (max-width: 1200px) {
	.introduce .introduce_wrap {width:90%; margin:0 5%;}
	ul.branchList a {font-size:20px;}
	div.branch {margin:0;}
}
@media screen and (max-width: 1033px) {
	ul.branchList > li {width:50%;}
	ul.branchList > li:nth-child(3),
	ul.branchList > li:nth-child(5),
	ul.branchList > li:nth-child(7) {padding-left:0;}
}
@media screen and (max-width: 768px) {
    .introduce {padding: 100px 0;}
}
@media screen and (max-width: 600px) {
	ul.branchList a {font-size:18px; padding:20px 20px 85px;}
	ul.branchList a:after {font-size:15PX;}
}
@media screen and (max-width: 400px) {
	ul.branchList > li {width:100%;}
	ul.branchList a {padding: 20px 20px 70px;}
	ul.branchList a:after {left:23px}
	ul.branchList > li:nth-child(2),
	ul.branchList > li:nth-child(4),
	ul.branchList > li:nth-child(6),
	ul.branchList > li:nth-child(8){padding-left:0;}

}

/* conference */
.conference {max-width:100% !important; padding:120px 0; position:relative;}
.conference .inner {width:1200px; margin:0 auto; overflow:hidden;}
.conference .inner .m_tt {font-size:42px; font-weight:500; text-align:center; letter-spacing:-2px;}
.conference .inner .psk_tb_basic i {display:inline-block; font-size:14px; margin-top:4px;}
.conference .inner .psk_tb_basic strong {font-weight:500; color:#181818;}
.conference .inner .psk_tb_basic ul {text-align:left; font-size:14px; margin-top:4px;}
.conference .inner .psk_tb_basic ul li {margin-top:0;}
.conference .inner .psk_tb_basic td.onair { background:#e7f4f9 }
.conference .inner .psk_tb_basic .bt-onair {display:inline-block; font-weight:700; font-size:14px; padding:4px 10px 4px 36px; margin-top:10px; color:#fff !important; border-radius:50px; letter-spacing:0; line-height:24px; background:url("../image/main/ico_online_w.png") 8px 50% no-repeat #d2207a; box-shadow:5px 5px 8px rgba(0,0,0,.3);}
.conference .inner .psk_tb_basic .bt-onair:hover {background-color:#f4bb34;}
.conference .inner .psk_tb_basic a:hover span {color:#797979;} 
.tab_cont {/* padding-top:60px; */ width:100%;}

@media screen and (max-width: 1200px) {
.conference .inner {width:90%; margin:0 5%;}
}

@media screen and (max-width: 768px) {
.conference {padding:100px 0;}
}

/* table */
.psk_tb_basic {width:100%; height:auto;}
.psk_tb_basic thead th {font-weight:600; color:#292b35; padding:16px; border-top:3px solid #253981; border-bottom:1px solid #d7d7d7; background-color:#edf1f5;}
.psk_tb_basic thead th:not(:nth-child(1)) {border-left:1px solid #d7d7d7;}
.psk_tb_basic tbody th {padding:16px; border-bottom:1px solid #d7d7d7; color:#292b35; vertical-align:middle;}
.psk_tb_basic tbody td {padding:16px; border:1px solid #d7d7d7; border-top:none; border-right:none; vertical-align:middle; text-align:center; line-height:30px;}

.psk_tb_basic td p { display:block; font-weight:600; color:#333; font-size:1.15em;}
.psk_tb_basic td p em { display:inline-block; padding-left:.5em; font-size:.85em; color:#666; font-weight:normal;}
.psk_tb_basic td a:hover {color:#00a8d1}
.psk_tb_basic td a:hover p, .psk_tb_basic td a:hover em {color:#00a8d1}
.psk_tb_basic td dl { display:flex; flex-wrap:wrap; margin-top:2em; }
.psk_tb_basic td dt { flex:1 20%; width:20%; margin:.5em 0; padding-bottom:.5em; }
.psk_tb_basic td dt span { display:inline-block; padding:.5em .25em; border:1px solid #ccc; width:5em; border-radius:.5em; font-weight:bold; font-size:0.95em; background:#fff; }
.psk_tb_basic td dd { flex:1 80%; margin-left:auto; margin:.5em 0; padding-bottom:.5em; width:80%; text-align:left; color:#333;}
.psk_tb_basic td dd strong { display:block; padding-bottom:1em; }
.psk_tb_basic td dd em { display:inline-block; margin-right:.5em; color:#233e98;}
.psk_tb_basic td dd.center { text-align:center; }

/* selector */
.selector {text-align:right; margin:0 0 10px 0; float:right;}
.selector select {width:200px; height:50px; padding-left:10px;  border:1px solid #d7d7d7; border-radius:0; box-sizing:border-box; letter-spacing:-1px;}
/* filedown */
.file_download {float:left; }
.file_download a {display:block; border:1px solid #d7d7d7; padding:1em; background: url("../image/common/ico_file.svg") 7px 50% no-repeat;    background-size: 20px;}  
.file_download a i.ico_file {margin:0 .5em; }
.file_download:hover {background:#253981; color:#fff;}
.file_download a:hover {background: url("../image/common/ico_file_over.png") 7px 50% no-repeat;}

@media screen and (max-width: 1200px) {
.psk_tb_basic tbody th, 
.psk_tb_basic tbody td {font-size:16px;}
}

@media screen and (max-width: 800px) {
.psk_tb_basic tbody th {font-size:15px; padding: 0;}
.psk_tb_basic tbody td {font-size:15px; line-height:22px;}
.psk_tb_basic td p {font-size:15px;}
}

/* video */
.video-wrap {width:100%; height:auto;}
.video-wrap .video-area {width:100%; height:720px; border:1px solid;}
.video-wrap .info {width:100%; height:auto; padding:32px 0; position:relative; overflow:hidden;}
.video-wrap .info .bt-video-play {float:left; width:56px; height:56px; padding:9px; border-radius:100%; border:4px solid #253981; color:#253981; font-size:0;}
.video-wrap .info .bt-video-play .i-play:before {border-width:8px; top:4px;}
.video-wrap .info p {float:left; display:inline-block; padding:0 24px; margin-left:16px; height:56px; line-height:56px; border-radius:50px; background-color:#eee; font-weight:500;}
.video-wrap .info blockquote {float:left; padding:0 24px; line-height:56px;}
.video-wrap .info h3 {float:left; width:100%; margin-top:24px; font-weight:500; font-size:20px; color:#181818;}
.video-wrap .info .bt-more {position:absolute; top:32px; right:0; display:inline-block; padding:0 24px; height:56px; line-height:56px; background-color:#253981; color:#fff !important; font-weight:500;}
.video-wrap .info .bt-more .i-more {display:inline-block; vertical-align:middle; width:24px; height:24px; top:-2px;}
.video-wrap .info .bt-more .i-more:before {width:12px; height:12px; border-width:2px; border-left-width:0; border-top-width:0; top:6px; left:2px;}

/* question */
.question-wrap {width:100%; height:auto;}
.question-wrap h3 span {display:inline-block; padding-left:24px; color:#797979; font-weight:400; font-size:18px;}
.question-wrap .user-reply {color:#253981;}
.question-wrap .comment-lst, .question-wrap .comment-write {margin-top:24px;}
.question-wrap .comment-write textarea {float:left;resize:none; width:80%; height:100px; padding:24px; border:1px solid #d7d7d7; font:normal 16px 'Malgun Gothic'; letter-spacing:-1px;}
.question-wrap .comment-write button {float:right; width:18%; height:100px; font-weight:500; font-size:22px; background-color:#253981; color:#fff;}

.question-wrap .comment-content {width:100%; height:auto; margin:24px 0 0; }
.question-wrap .comment-content.refresh { max-height:300px; overflow:hidden; overflow-y:auto; }
.question-wrap .bt-prev-comm {width:100%; height:auto; border-top:1px solid #423947; padding:16px 0; font-size:16px;}
.question-wrap .bt-prev-comm .i-arrow {display:inline-block; vertical-align:middle; transform:rotate(-180deg);}
.question-wrap .bt-prev-comm:hover {background-color:#423947; color:#fff;}

.question-wrap .bt-next-comm {width:100%; height:auto; border-top:1px solid #423947; padding:16px 0; font-size:16px;}
.question-wrap .bt-next-comm .i-arrow {display:inline-block; vertical-align:middle;}
.question-wrap .bt-next-comm:hover {background-color:#423947; color:#fff;}


.question-wrap .com-lst { width:100%; height:auto; border-top:1px solid #d7d7d7; font:normal 16px 'Montserrat','Malgun Gothic'; letter-spacing:-1px;  }
.question-wrap .com-lst li, .question-wrap .com-lst dt {border-bottom:1px solid #d7d7d7; padding:24px;}
.question-wrap .com-lst li:hover {background:#f5f5f5;}

.comment-box {width:100%; height:auto; overflow:hidden; position:relative;}
.comment-box .poster-subject {display:block; margin-bottom:16px; color:#181818; font-weight:500;}
.comment-box .poster-subject em {font-style:italic; color:#797979; border-bottom:1px solid currentColor;}
.comment-box .info {float:left; width:auto; height:auto;}
.comment-box .info em {display:inline-block; padding:4px 16px; margin-right:8px; border-radius:50px; color:#fff; font-weight:700; font-size:14px;}
.comment-box .info strong {font-weight:700; color:#181818;}
.comment-box .info span {padding-left:8px; color:#797979; letter-spacing:0; font:normal 13px 'Montserrat';}
.comment-box .info p {padding-top:16px;}
.comment-box .info .i-q {background-color:#da4949;}
.comment-box .info .i-a {background-color:#1593d5;}
.comment-box .setting {position:absolute; top:0; right:0;}
.comment-box .setting .button {border:1px solid #d7d7d7; padding:7px 12px; box-sizing:border-box; font-size:11px; background:#fff; display:inline-block;}
.comment-box .setting .button:hover {border:1px solid #000; background:#423947; color:#fff !important;}
.comment-box.reply {padding-left:16px;}

.reply-layer {display:none; width:100%; max-width:1024px; height:auto; padding:32px; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff; z-index:10;}
.reply-layer .comment-write {margin-top:24px;}
.bg-reply-layer {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9; cursor:pointer;}
.fb24 {font-weight:700; font-size:24px; color:#181818;}
@media screen and (max-width: 1200px) {
.question-wrap .comment-write button {font-size:18px;}
}


/* login */
.login_wp {padding:120px 1em;}
.login_box {width:100%; max-width:570px; height:auto; border:1px solid #231f20; padding:3.556em; margin:0 auto;}
.login_box h4 {text-align:center; color:#231f20; margin:0 auto; letter-spacing:-2px; padding:.8em 0 1em;}
.login_box h4.tit1 {font-size:42px;}
.login_box h4.tit2 {font-size:36px;}
.login_box ul {width:100%; height:auto; margin-top:1.143em;}
.login_box ul li {background-color:#eff0f2; padding:8px 1.5em; margin-bottom:.75em;}
.login_box ul li input {width:100%; border-bottom:none;}
.login_box ul li input.pw_ico {background:url("../image/common/ico_pass_hide.png") 96% center no-repeat;}
.login_box ul li input:focus {border-bottom:none;}
.login_box ul li input[type="text"] {background:none;}
.login_box ul li input[type="password"] {background-position:99% 50%;}
.login_box button[type="submit"] {width:100%; height:3.256em; background-color:#253981; color:#fff; margin:1.333em 0 .5em 0; font-size:18px;}
.login_box .util_box {}
.login_box .util_box.find a {display:inline-block; padding:8px;}
.login_box .util_box.find .i-arrow {width:6px; height:10px; display:inline-block; padding-right:15px; background:url("../image/common/login_arrow.png") center no-repeat;}
.login_box .explain {line-height:1.2em; color:#666; padding:10px 0 .8em 0;}
.login_box form {padding:0 0 .8em 0;}


@media screen and (max-width: 600px) {
	.login_box {padding:2em;}
	.login_box h4.tit1 {font-size:32px;}
	.login_box h4.tit2 {font-size:32px;}
}
@media screen and (max-width: 414px) {
	.login_box h4 .nb {display:inline;}
}

/* sign up */
.sign_up {width:1200px; margin:0 auto; padding:120px 0;}
.sign_up .agree_box {border-top: 2px solid #323971;}
.sign_up .agree_box div {width:100%; height:240px; overflow-y:scroll; padding:16px; border:1px solid #d7d7d7; letter-spacing:-1px; font-weight:300; line-height:22px; font-size:16px;}
.sign_up .agree_box div dt {font-weight:700; color:#181818; margin-bottom:16px;}
.sign_up .agree_box div dt:not(:nth-child(1)) {margin-top:16px;}
.sign_up .agree_box div ol > li, .sign_up .agree_box div ul > li {list-style-type:square; margin:8px 0 0 1.5em;}
.sign_up .agree_box .max_ckit {display:block; margin-top:1.5em;}
.sign_up .all_checkit {width:100%; height:auto; padding:1.5em 0; margin-top:48px; background-color:#f9f9f9; text-align:center;}
.sign_up .tit {font-size:32px; font-weight:500; margin-bottom:20px;}
.mt50 {margin-top:50px;}
@media screen and (max-width: 1200px) {
	.sign_up {width:90%; margin:0 5%;}
	.sign_up .sign_agree .inner {width:100%;}
}
@media screen and (max-width: 900px) {
	.sign_up .tit {font-size:26px;}
}

/* register */
.register_tb th {font-size:16px !important;}
.register_tb td {text-align:left !important; font-size:15px !important;}
.bo_w_input {width:930px; height:35px; background-color:#f8f8f8; border:1px solid #dedede; padding-left:5px; padding-right:5px; margin-top:5px; margin-bottom:5px;}
.bo_w_input2 {width:400px; height:35px; background-color:#fff; margin-top:5px; margin-bottom:5px;}
.bo_w_input3 {width:300px; height:35px; background-color:#f8f8f8; border:1px solid #dedede; padding-left:5px; padding-right:5px; margin-top:5px; margin-bottom:5px; margin-top:5px; margin-bottom:5px;}
.bo_w_input4 {width:100px; height:35px; background-color:#f8f8f8; border:1px solid #dedede; padding-left:5px; padding-right:5px; margin-top:5px; margin-bottom:5px;}
.bo_w_input5 {min-width:70px; height:35px; background-color:#f8f8f8; border:1px solid #dedede; padding-left:5px; margin-top:5px; margin-bottom:5px; }
.bo_w_input6 {min-width:120px; height:35px; background-color:#f8f8f8; border:1px solid #dedede; padding-left:5px;  margin-top:5px; margin-bottom:5px;}
.bo_w_input7 {width:400px; height:35px; background-color:#f8f8f8; border:1px solid #dedede; padding-left:5px;  margin-top:5px; margin-bottom:5px;}
.bo_w_input8 {width:60px; height:35px; background-color:#f8f8f8; border:1px solid #dedede; padding-left:5px;  margin-top:5px; margin-bottom:5px;}

.register_result {width:1200px; margin:0 auto; padding: 120px 0;}
.register_result div {text-align:center;}
.register_result h3 {font-size:32px; font-weight:500; text-align:center; margin:30px 0;}
.register_result p {text-align:center; line-height:24px;}
.register_result p strong {font-weight:500; color:#3f61da;}



/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block; position:relative;}
#captcha legend {position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden;}
#captcha #captcha_img {width:160px; height:60px; border:1px solid #e9e9e9; vertical-align:top; padding:0; margin:0;}
#captcha #captcha_mp3 {position:absolute; top:0; left:161px; margin:0; padding:0; width:31px; height:31px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer;}
#captcha #captcha_mp3 span {position:absolute; top:0; left:0; width:31px; height:31px; background:url('../image/common/captcha.png') no-repeat;}
#captcha #captcha_reload {position:absolute; top:31px; left:161px; margin:0; padding:0; width:31px; height:31px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../image/common/captcha.png') no-repeat 0 -30px; border-top:1px solid #ccc; text-indent:-999px;}
#captcha #captcha_key {margin:0 0 0 33px; padding:0 5px; width:70px; height:60px; border:1px solid #b8c9c2; background:#f7f7f7; font-size:1.333em; font-weight:bold; text-align:center; line-height:2.8em; vertical-align:top;}
#captcha #captcha_info {display:block; margin:5px 0 0; font-size:0.95em; letter-spacing:-0.1em;}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block; margin:0 0 5px; width:187px;}
#captcha.m_captcha #captcha_img {width:160px; height:60px; border:1px solid #e9e9e9; margin-bottom:3px; margin-top:5px; display:block;}
#captcha.m_captcha #captcha_reload {position:static; margin:0; padding:0; width:31px; height:31px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../image/common/captcha.png') no-repeat  0 -30px; text-indent:-999px;}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0; padding:0 5px; width:115px; height:29px; border:1px solid #b8c9c2; background:#f7f7f7; font-size:1.333em; font-weight:bold; text-align:center; line-height:29px; margin-left:3px;}
#captcha.m_captcha #captcha_info {display:block; margin:5px 0 0; font-size:0.95em; letter-spacing:-0.1em;}
#captcha.m_captcha #captcha_mp3 {width:31px; height:31px; background:url('../image/common/captcha.png') no-repeat; vertical-align:top; overflow:hidden; cursor:pointer; text-indent:-9999px; border:none;}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px; text-align:right;}
.btn_cke_sc{display:inline-block; padding:0 10px; height:23px; border:1px solid #ccc; background:#fafafa; color:#000; text-decoration:none; line-height:1.9em; vertical-align:middle; cursor:pointer;}
.cke_sc_def {margin:0 0 5px; padding:10px; border:1px solid #ccc; background:#f7f7f7; text-align:center;}
.cke_sc_def dl{margin:0 0 5px; text-align:left; zoom:1;}
.cke_sc_def dl:after {display:block; visibility:hidden; clear:both; content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left; margin:0; padding:5px 0; border-bottom:1px solid #e9e9e9;}
.cke_sc_def dt {width:20%; font-weight:bold;}
.cke_sc_def dd {width:30%;}

/* board button */
/* .max_bbs_but {text-align:right; margin:2.667em auto !important;}
.max_bbs_but button {display:inline-block; padding:14px 32px; border-radius:50px; border:2px solid currentColor; color:#323971; font-weight:700; position:relative;}
.max_bbs_but button:hover {color:#1dac6a;}
.max_bbs_but .bt_write {color:#226dca;}
.max_bbs_but .bt_adm {background-color:#444; color:#fff; border:2px solid #444;}
.max_bbs_but .bt_adm:hover {color:#444; background-color:#fff;} */

.relative { position:relative; }

.register { display:block; position:relative;}
.register dl {display:flex; flex-flow:row; flex-wrap:wrap; border-top:3px solid #253981}
.register dl dt {flex:0 0 20%; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; background:#edf1f5; color:#333; font-size:1.125em; font-weight:bold; border-bottom: 1px solid #ddd;}
.register dl dd {flex:0 0 80%; padding:.5em;color: #555; font-size:1.125em;font-weight:300;border-right:0; border-bottom: 1px solid #ddd;}
.register dl dd input[type=text] { display:inline-block; width:auto; height:1.95em; border:1px solid #dedede; padding-left: 5px;padding-right: 5px;margin-top: 5px;margin-bottom: 5px;margin-top: 5px;margin-bottom: 5px; }
.register dl dd input[type=radio] {}
.register .reg_info { font-size:.95em; color:#de0f0f; padding-left:.5em;}
.register label.inline_label { display:inline-block; padding-right:.5em; }
.cont_memo { padding:1em 0em;}
.cont_memo li { text-indent:1.5em; position:relative; color:#999}
.cont_memo li mark {color:#009041; font-size:1.25em;}
.cont_memo li:before {content:''; width:1em; height:2px; background:#009041; display:block; position:absolute; top:0.75em; left:0}

.max-radio { display:block; margin:.5em 0; }
.max-radio.max-radio-inline { display:inline-block;}
.max-radio label {padding:.5em .5em .5em .25em}


.pre_info { font-size:0; border-top:3px solid #253981}
.pre_info li { display:inline-block; width:50%; position:relative; border-bottom:1px solid #ddd;}

.pre_info li strong { display:inline-block; padding:1em 1em; width:30%; box-sizing:border-box; font-size:17px; background:#edf1f5}
.pre_info li span { display:inline-block; padding:1em 1em; width:70%; box-sizing:border-box; font-size:17px;}
.pre_info li.full { width:100%; }
.pre_info li.full strong { width:15%; }
.pre_info li.full span { width:85%;}

.log_box { display:flex}
.log_box .s_tt { font-size:1.5em; padding-bottom:.5em; }

@media screen and (max-width: 900px) {
	.pre_info li { width:100%;}
	.pre_info li strong { width:25%;}
	.pre_info li span { width:75%;}
	.pre_info li.full strong { width:25%; }
	.pre_info li.full span { width:75%;}
}

@media screen and (max-width: 600px) {
	.register dl dt{flex:0 0 100%; padding:.5em; border-bottom:none; }
	.register dl dd{flex:0 0 100%;}
	.register dl dd input[type=text] {width:100%;}

	.pre_info li strong { width:30%;}
	.pre_info li span { width:70%;}
	.pre_info li.full strong { width:30%; }
	.pre_info li.full span { width:70%;}
}