/* main */


h2.mainTit {font-size:40px; font-weight:500; color:#333; text-align:center; padding:90px 0 30px; font-family: 'Noto Sans CJK';}



#visual {position:relative; height:420px; margin-top:80px; margin-bottom:0px;}
#visual .visualBg1 {background:url(../images/main/main_visual01.jpg) no-repeat center bottom / cover;}
#visual .visualBg2 {background:url(../images/main/main_visual02.jpg) no-repeat center bottom / cover;}
#visual .visualBg3 {background:url(../images/main/main_visual03.jpg) no-repeat center bottom / cover;}
#visual .visual_wrap {position:relative; height:420px; text-align:center; }
#visual .visual_wrap .visualTxt {padding-top:30px;}
#visual .visual_wrap .visualTxt p {text-align:left; line-height:1.4; font-size:26px; color:#333; font-weight:500;}
#visual .visual_wrap .visualTxt p span {color:#07367d}

#visual .slick-dots {bottom:10%;}
#visual .slick-dots li button {background:#ddd; width:14px; height:14px; border-radius:50%; padding:0;}
#visual .slick-dots li.slick-active {width:40px;}
#visual .slick-dots li.slick-active button {width:40px; border-radius:30px; background:#dab866}

.mainBlogs1 {background:#f5f7f7; padding-bottom:60px;}
.mainBlogs1 .blogUl:after {content:''; clear:both; height:0; display:block; visibility:hidden;}
.mainBlogs1 .blogUl li {margin:0 6px; width:100%; height:475px; text-align:center;  float:left; position:relative;}
.mainBlogs1 .blogUl li .bg {position:absolute; top:80px; width:100%; height:365px; border:1px solid #ddd; border-radius:10px; background:#fff; }
.mainBlogs1 .blogUl li .imgArea {margin:0 auto; width:186px; height:186px; border-radius:50%; position:relative;}
.mainBlogs1 .blogUl li .imgArea img{width:100%; height:100%; border-radius:50%;}
.mainBlogs1 .blogUl li .imgArea .flag {box-sizing: border-box; width:37px; height:37px; border-radius:50%; overflow:hidden; position:absolute; bottom:10px; right:20px;}
.mainBlogs1 .blogUl li .txtArea {position:relative; padding:0 20px;}
.mainBlogs1 .blogUl li .txtArea p {font-size:21px; color:#666;}
.mainBlogs1 .blogUl li .txtArea p span {font-weight:600; font-size:26px; color:#333; display:block; margin:20px 0 10px;}
.mainBlogs1 .blogUl li button {transition:0.3s;position:relative; top:35px; width:230px; height:50px; line-height:50px; border-radius:30px; border:1px solid #ddd; text-align:center; font-size:21px; color:#999; background:#fff;}
.mainBlogs1 .blogUl li button:hover {background:#4f69ee; color:#fff; font-weight:600;}
.mainBlogs1 .blogUl .slick-dots {bottom: -10px; height: 14px;}
.mainBlogs1 .blogUl .slick-dots li {width: 14px; height: 14px; float: none; vertical-align: top;}
.mainBlogs1 .blogUl .slick-dots li button {position: static; top: auto; line-height: 0; background:#ddd; width:14px; height:14px; border-radius:50%; padding:0; text-indent: -9999px; vertical-align: top;}
.mainBlogs1 .blogUl .slick-dots li.slick-active {width:40px;}
.mainBlogs1 .blogUl .slick-dots li.slick-active button {width:40px; border-radius:30px; background:#628abf;}
.mainSlide1 .slick-prev, .mainSlide1 .slick-next {display:none !important;}

.mainBlogs2 {padding-bottom:95px;}
.mainBlogs2 .contxt {font-size:21px; color:#666; text-align:center; }
.mainBlogs2 .contxt select {margin-left:20px; box-sizing:border-box; padding:0 15px;  width:120px; height:36px; line-height:36px; border:1px solid #ddd;  background:url(../images/common/select_arrow.png) no-repeat 90% 50%; font-size:16px; color:#666;}
.mainBlogs2 .contxt select .con1 {width:21px; height:14px; background:url(../images/main/national_flag4.png);}
.mainBlogs2 ul {margin:30px 0 40px;}
.mainBlogs2 ul:after {content:''; clear:both; height:0; display:block; visibility:hidden;}
.mainBlogs2 ul li:nth-child(3n+3) {margin-right:0;}
.mainBlogs2 ul li:hover { box-shadow: 10px 9px 15px 1px #e6e6e6;}
.mainBlogs2 ul li:hover:before {position:absolute; left:0;top:0px; background-color:#4f69ee; width:100%; height:3px; content:''; display:block;}
.mainBlogs2 ul li {overflow:hidden; position:relative; float:left; margin-bottom:10px; width:100%; border-radius:10px; border:1px solid #ddd; box-sizing:border-box; padding:25px;}
.mainBlogs2 ul li a {display:block; width:100%; height:100% }
.mainBlogs2 ul li .infoArea {overflow:hidden; padding-bottom:20px; }
.mainBlogs2 ul li .infoArea .imgBox {width:90px; height:90px; float:left; border-radius:50%; overflow:hidden;}
.mainBlogs2 ul li .infoArea .txtBox {float:left; margin:20px 0 0 15px; box-sizing: border-box; width: calc(100% - 105px);}
.mainBlogs2 ul li .infoArea .txtBox .name {font-size:26px; color:#333; font-weight:600; margin-bottom:5px;}
.mainBlogs2 ul li .infoArea .txtBox .con {position: relative; display: block; box-sizing: border-box; padding: 0 0 0 26px; font-size:21px; color:#333; }
.mainBlogs2 ul li .infoArea .txtBox .con .con1 {position: absolute; top: 5px; left: 0; box-sizing: border-box; margin-right:5px; width:21px; height:14px; background:url(../images/main/national_flag4.png) no-repeat 0 0; background-position: center center !important;}
.mainBlogs2 ul li .txtArea {border-top:1px solid #ddd; padding-top:10px;}
.mainBlogs2 ul li .txtArea p {font-size:21px; color:#666; line-height:1.8; letter-spacing:-1px }
.mainBlogs2 .moreBtn {display:block; margin:0 auto; width:320px; height:60px; line-height:60px; border:0; border-radius:30px; background:#4f69ee; text-align:center; font-size:18px; color:#fff; font-weight:600;}

.mainBlogs3 {padding-bottom:100px; background:#f5f7f7;}
.mainBlogs3 ul {text-align:center;}
.mainBlogs3 ul li {position:relative; box-sizing: border-box; width:100%; padding: 0 30px 60px; border-radius:10px; border:1px solid #ddd; background:#fff; text-align:center;}
.mainBlogs3 ul li:first-child {margin-bottom:60px;}
.mainBlogs3 ul li:hover {box-shadow:10px 9px 15px 1px #e6e6e6; }
.mainBlogs3 ul li .icon {width:160px; height:160px; border-radius:50%; margin:60px 0 25px;}
.mainBlogs3 ul li .icon1 {background:url(../images/main/blog_icon1.png) no-repeat 50% 50% #f5f7f7;}
.mainBlogs3 ul li .icon2 {background:url(../images/main/blog_icon2.png) no-repeat 50% 50% #f5f7f7;}
.mainBlogs3 ul li p {font-size:21px; color:#666; line-height:1.6;}
.mainBlogs3 ul li button {border:1px solid #4f69ee; background:#4f69ee; color:#fff; font-weight:600; left:50%; transform:translateX(-50%); transition:0.3s; position:absolute; bottom:-30px ;display:block; margin:0 auto; width:414px; height:60px; line-height:60px; border:0; border-radius:30px; text-align:center; font-size:21px}

.mainBanner {padding:95px 0 ;}
.mainBanner .slick-arrow {display: none !important;}
.mainBanner .slick-dots {bottom:30px;}
.mainBanner .slick-dots li button {background:#fff; width:14px; height:14px; border-radius:50%; padding:0;}
.mainBanner .slick-dots li.slick-active {width:40px;}
.mainBanner .slick-dots li.slick-active button {width:40px; border-radius:30px; background:#4f69ee}
.mainBanner .mainSlide2 {height: 232px;}
.mainBanner .mainSlide2 .slick-slide {position: relative; height: 232px; vertical-align: top;}
.mainBanner .mainSlide2 .slick-slide .txt {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; font-size: 30px; font-weight: 600; color: #333; text-align: center;}
.mainBanner .mainSlide2 .slick-slide img {width:100%; height: 100%;}



/* sub common */


.listPage { margin:auto 0 100px; text-align: center; zoom: 1; clear:both; padding-top:60px; }
.listPage button {border:0; vertical-align:middle; display:inline-block; height:42px; text-indent: -9999px; width:42px; margin:0 2px;}
.listPage .btnPrev {background:url(../images/main/prev_arrow.png) no-repeat 0 0}
.listPage ul {vertical-align:middle; display: inline-block; overflow: hidden; }
.listPage li { float: left; margin:0 10px; }
.listPage li:hover a, .listPage li.on a {color:#fff; background:#4f69ee; border-radius:50%;}
.listPage li a { display: block; font-size: 21px; color:#666; text-align: center; width:50px; height:50px; line-height:50px;}
.listPage .btnNext {background:url(../images/main/next_arrow.png) no-repeat 0 0}

.subIcon {background-image:url(../images/sub/sub_icons.png); vertical-align:middle; }

.bg_blue {background:#f5f7f7;}
.subBtns {text-align:center;}
.subBtns button {width:195px; height:60px; line-height:60px; text-align:center; font-size:21px; font-weight:600; text-align:center; }
.subBtns .btn1 {margin-right:6px; color:#4f69ee; border:1px solid #999; border-radius:30px; background:#fff;}
.subBtns .btn2 {color:#fff; border:1px solid #4f69ee; border-radius:30px; background:#4f69ee;}
.subBtns .btn3 {width:100%; color:#fff; border:1px solid #4f69ee; background:#4f69ee;}
.subBtns button .writeIcon {width:24px; height:24px; background-position:-43px 0; margin-right:10px;}


.input01 {height:70px; line-height:68px; box-sizing:border-box; border:1px solid #ddd; padding:0 10px; font-size:21px; color:#666;}
.textarea1 {width:100%; box-sizing:border-box; border:1px solid #ddd; padding:10px;font-size:21px; color:#666;}

.rightCon {float:right;}
.mr25 {margin-right:25px;}
.w100p {width:100% !important;}

/* blog 홈 */

h2.blogTit {font-size:28px; color:#333; font-weight:300; margin:130px 0 20px;}
h2.blogTit span {font-size:28px; font-weight:600;}
h2.blogTit .con_icon {box-sizing: border-box; vertical-align:middle; margin-right:20px; width:50px; height:50px; border-radius:50%; overflow:hidden; background-position: center center !important;}
h2.blogTit .con1 {background:url(../images/sub/con_icon1.png) no-repeat 0 0;}
/*.sub_visual {width:100%; background:url(../images/sub/banner.jpg) no-repeat 0 0; position:relative;}*/
.sub_visual .visualTit {font-size:45px; color:#fff; font-family: 'Teko'; font-weight:500; padding-top:90px;}
.sub_visual .bannerEdit {position:absolute; right:0px; top:30px; padding:0 15px; height:45px; line-height:43px; background:#fff; border:1px solid #ddd; border-radius:30px; font-size:21px; font-weight:500; color:#999;}
.sub_visual .bannerEdit02 {position:absolute; right:0px; top:85px; padding:0 15px; height:45px; line-height:43px; background:#fff; border:1px solid #ddd; border-radius:30px; font-size:21px; font-weight:500; color:#999;}

.sub_visual .profile {padding:35px 30px; box-sizing:border-box; margin-top:40px; width:100%; height:360px; background:#fff; box-shadow:5px 10px 17px 6px #d4d4d4c2; border-radius:10px;}
.sub_visual .profile_t:after {content:''; clear:both; height:0; display:block; visibility:hidden;}
.sub_visual .profile .imgArea {float:left; margin:0 auto; width:91px; height:91px; border-radius:50%; position:relative;}
.sub_visual .profile .imgArea img{width:100%; height:100%; border-radius:50%;}
.sub_visual .profile .imgArea .flag {box-sizing: border-box; width:30px; height:30px; border-radius:50%; overflow:hidden; position:absolute; bottom:0px; right:0px;}
.sub_visual .profile .infoArea {float:right; width:400px; margin-top:10px;}
.sub_visual .profile .profile_t {padding-bottom:15px;  border-bottom:1px solid #ddd;}
.sub_visual .profile .profile_t .infoArea .name {font-size:24px; font-weight:600; color:#333; }
.sub_visual .profile .profile_t .infoArea .name em {color:#999; font-weight:normal;}
.sub_visual .profile .profile_t .infoArea .name span {font-weight:normal;}
.sub_visual .profile .profile_t .infoArea .num {font-size:18px; color:#999; margin-top:10px; display:inline-block;}
.sub_visual .profile .profile_bt .info {margin:15px 0 30px; font-size:21px; color:#666; line-height:1.6; display: inline-block; overflow: hidden; text-overflow: ellipsis; width:100%; white-space: normal; height:4.5em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; }
.sub_visual .profile .profile_bt .btns {overflow:hidden;}
.sub_visual .profile .profile_bt .btns > div {float:right;}
.sub_visual .profile .profile_bt .btns > div button {width:250px; height:50px; line-height:50px; text-align:center; font-size:21px; color:#666; border-radius:30px; border:1px solid #ddd; background:#fff;}
.sub_visual .profile .profile_bt .btns > div button.on {margin-left:5px; border:1px solid #4f69ee; background:#4f69ee; font-weight:600; color:#fff;}
.sub_visual .profile .profile_bt .btns .icon1 {margin-right:10px; width:26px; height:26px; background-position:0px 0px;}
.sub_visual .profile .profile_bt .btns .icon2 {margin-right:10px; width:24px; height:24px; background-position:-43px 0px;}

.boardList1 .boardTit {border-bottom:1px solid #ddd; overflow:hidden; margin-top:100px;}
.boardList1 .boardTit .num {font-size:24px; color:#333; font-weight:300; display:inline-block; padding-bottom:15px;}
.boardList1 .boardTit .num span {font-weight:600;}
.boardList1 .boardTit .searchDiv {float:right; width:280px; position:relative; margin-bottom:10px;}
.boardList1 .boardTit .searchDiv input[type="text"] {width:100%; height:46px; line-height:44px; border:1px solid #ddd; padding:0 45px 0 15px; box-sizing:border-box; font-size:14px;}
.boardList1 .boardTit .searchDiv button {text-indent:-9999px; width:23px; height:23px; background:url(../images/common/header_icons.png) no-repeat 0px 0; border:0; position:absolute; right:20px; top:13px;}

.boardList1 .boardCon ul li {padding:40px 0; border-bottom:1px solid #eee; overflow:hidden;}
.boardList1 .boardCon ul li.boardNone {margin-bottom:150px; padding:170px 0; text-align:center; }
.boardList1 .boardCon ul li.boardNone p {font-size:24px; font-weight:300;}
.boardList1 .boardCon ul li .topCon {overflow:hidden;}
.boardList1 .boardCon ul li .txtArea {width:445px; float:left;}
.boardList1 .boardCon ul li .txtArea .tit {font-size:26px; color:#333;}
.boardList1 .boardCon ul li .txtArea .tit .file_icon {width:20px; height:20px; background-image:url(../images/sub/file_icon.png); margin-left:10px;}
.boardList1 .boardCon ul li .txtArea .tit .lock {width:25px; height:30px; background-position:-160px 0; margin-right:10px;}
.boardList1 .boardCon ul li .txtArea .con {margin:10px 0 35px; font-size:21px; color:#666; display: inline-block; overflow: hidden; text-overflow: ellipsis; width:100%; white-space: normal; line-height: 1.6; height:4.5em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; }
.boardList1 .boardCon ul li .icons {overflow:hidden;}
.boardList1 .boardCon ul li .icons .time {font-size:21px; color:#999;}
.boardList1 .boardCon ul li .icons div {float:right;}
.boardList1 .boardCon ul li .icons div span {font-size:21px; color:#999;}
.boardList1 .boardCon ul li .icons div span i {margin-right:10px;}
.boardList1 .boardCon ul li .icons .view i {width:26px; height:19px; background-position:-83px 0;}
.boardList1 .boardCon ul li .icons .reply {margin-left:32px;}
.boardList1 .boardCon ul li .icons .reply i {width:20px; height:22px; background-position:-126px 0;}
.boardList1 .boardCon ul li .imgArea {float:right; width:130px; height:130px;}
.boardList1 .boardCon ul li .imgArea img {width:100%; height:100%;}

/* view */

.boardView .boardTit {margin:125px 0 30px; border-bottom:2px solid #333; padding-bottom:20px;}
.boardView .boardTit .tit {font-size:24px; font-weight:300; color:#333; margin-bottom:35px;}
.boardView .boardTit .tit .lockIcon {width:24px; height:29px; background-position:-160px 0;}
.boardView .boardTit .titInfo {overflow:hidden;}
.boardView .boardTit .titInfo .info {float:left;}
.boardView .boardTit .titInfo .info .img {vertical-align:middle; margin-right:10px; display:inline-block; width:36px; height:36px; border-radius:50%; border:1px solid #ddd; overflow:hidden;}
.boardView .boardTit .titInfo .info .img img {width:100%; height:100%;}
.boardView .boardTit .titInfo .info span {font-size:24px; color:#999;}
.boardView .boardTit .titInfo .icons {float:right;}
.boardView .boardTit .titInfo .icons span {font-size:21px; color:#999;}
.boardView .boardTit .titInfo .icons span i {margin-right:10px;}
.boardView .boardTit .titInfo .icons .view i {width:26px; height:19px; background-position:-83px 0;}
.boardView .boardTit .titInfo .icons .reply {margin-left:32px;}
.boardView .boardTit .titInfo .icons .reply i {width:20px; height:22px; background-position:-126px 0;}

.boardView .boardCon {border:1px solid #ddd; box-sizing:border-box; padding:20px; margin-bottom:10px; min-height:170px;}
.boardView .boardCon img {width:100%;}

.boardView .boardFile {position:relative; border:1px solid #ddd; box-sizing:border-box; padding:20px 20px; background:#f6f6f6;}
.boardView .boardFile a {display:block; width:100%; height:100%; font-size:24px; color:#bbb;}
.boardView .boardFile .fileIcon {width:26px; height:22px; background-position:-201px 0; margin-right:10px;}
.boardView .boardFile .downIcon {width:24px; height:19px; background-position:-239px 0; position:absolute; right:20px; top:23px;}

.boardView .replyDiv .replyBtns {padding:35px 0 20px; overflow:hidden;}
.boardView .replyDiv .replyBtns .replyNum {background:#fff; padding:0 15px; height:50px; line-height:48px; border:1px solid #ddd; border-radius:30px; font-size:21px; color:#333; }
.boardView .replyDiv .replyBtns .replyNum span {color:#4f69ee;}
.boardView .replyDiv .replyBtns .replyNum i {margin-left:20px; background-position:-352px 0 ; width:14px; height:8px;}
.boardView .replyDiv .replyBtns .replyNum.on i { background-position:-331px 0 ;}
.boardView .replyDiv .replyBtns .rightCon button {width:90px; height:45px; line-height:43px; border:1px solid #ddd; border-radius:30px; background:#fff; text-align:center; font-size:21px; color:#999;}
.boardView .replyDiv .replyList {display:none; border-top:1px solid #ddd;}
.boardView .replyDiv .replyList .replyTit {position:relative;}
.boardView .replyDiv .replyList .replyTit .img {vertical-align:middle; margin-right:10px; display:inline-block; width:36px; height:36px; border-radius:50%; border:1px solid #ddd; overflow:hidden;}
.boardView .replyDiv .replyList .replyTit .img img {width:100%; height:100%;}
.boardView .replyDiv .replyList .replyTit span {font-size:21px; color:#333;}
.boardView .replyDiv .replyList .replyTit .btns {position:absolute; right:0px; top:0px;}
.boardView .replyDiv .replyList .replyTit .btns button {background:#fff; width:70px; height:35px; line-height:33px; font-size:18px; color:#999; border:1px solid #ddd;}
.boardView .replyDiv .replyList .replyCon {font-size:18px; color:#333; margin-top:15px; line-height:1.6;}
.boardView .replyDiv .replyList ul li {border-bottom:1px solid #ddd; padding:25px 0;}


.boardView .replyWrite {border:1px solid #ddd; box-sizing:border-box; padding:15px 20px;}
.boardView .replyWrite {position:relative;}
.boardView .replyWrite .img {vertical-align:middle; margin-right:10px; display:inline-block; width:36px; height:36px; border-radius:50%; border:1px solid #ddd; overflow:hidden;}
.boardView .replyWrite .img img {width:100%; height:100%;}
.boardView .replyWrite span {font-size:21px; color:#999;}
.boardView .replyWrite textarea {width:100%; border:0px; font-size:21px; color:#666; margin:30px 0;}
.boardView .replyWrite .num {position:absolute; bottom:10px; right:10px;}
.boardView .replyWrite .num button {border-radius:30px; border:0; width:95px; height:50px; line-height:48px; text-align:center; font-size:21px; font-weight:500; color:#fff; background:#4f69ee;}


.boardView .prevNext {width:100%; height:70px; line-height:68px; margin:30px 0 60px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.boardView .prevNext ul {overflow:hidden;}
.boardView .prevNext ul li {position:relative; float:left; width:50%; padding:0 20px; box-sizing:border-box;}
.boardView .prevNext ul li:first-child:before {position:absolute; right:0; top:11px; background-color:#bbb; width:1px; height:30px; content:''; display:block;}
.boardView .prevNext ul li:last-child {text-align:right;}
.boardView .prevNext ul li a {vertical-align:middle; color:#333;  font-size:18px; display:inline-block; width:calc(100% - 90px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; }
.boardView .prevNext ul li span {vertical-align:middle; color:#999;  font-size:24px;}
.boardView .prevNext ul li .prev {margin-right:20px;}
.boardView .prevNext ul li .next {margin-left:20px;}



.blogInfo {background:#f6f6f6; padding:40px 0; overflow:hidden;}
.blogInfo .profile_t:after {content:''; clear:both; height:0; display:block; visibility:hidden;}
.blogInfo .imgArea {float:left; margin:0 auto; width:91px; height:91px; border-radius:50%; position:relative;}
.blogInfo .imgArea img{width:100%; height:100%; border-radius:50%;}
.blogInfo .imgArea .flag {box-sizing: border-box; width:30px; height:30px; border-radius:50%; overflow:hidden; position:absolute; bottom:0px; right:0px; border: 1px solid #ddd;}
.blogInfo .infoArea {float:left; width:400px; margin:10px 0 0 20px;}
.blogInfo .profile_t {padding-bottom:15px;  border-bottom:1px solid #ddd;}
.blogInfo .profile_t .infoArea .name {font-size:24px; font-weight:600; color:#333; }
.blogInfo .profile_t .infoArea .name em {color:#999; font-weight:normal;}
.blogInfo .profile_t .infoArea .name span {font-weight:normal;}
.blogInfo .profile_t .infoArea .num {font-size:18px; color:#999; margin-top:10px; display:inline-block;}
.blogInfo .profile_bt .info {margin:15px 0 30px; font-size:21px; color:#666; line-height:1.6; display: inline-block; overflow: hidden; text-overflow: ellipsis; width:100%; white-space: normal; height:4.5em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; }
.blogInfo .profile_bt .blogBtn {float:right; border:0; width:188px; height:60px; line-height:58px; border-radius:30px; background:#4f69ee; text-align:center; font-size:21px; font-weight:500; color:#fff;}


/* 개설하기 */

.createBlog_pd  {padding:150px 0 230px; }
.createBlog {margin:0 auto; text-align:center; width:580px; height:652px; background:#fff; border-top:6px solid #4f69ee; border-radius:10px; overflow:hidden; box-shadow: 16px 20px 20px 10px #dad9d9}
.createBlog .name {font-size:21px; color:#333; margin:55px 0 25px; display:inline-block;}
.createBlog .name i {width:30px; height:20px; background:url(../images/main/national_flag4.png); margin-right:10px;}
.createBlog .tit {font-family: 'Noto Sans CJK'; font-size:30px; font-weight:500; color:#333; margin-bottom:40px;}
.createBlog label {display:block; margin-bottom:10px; font-size:24px; color:#333; text-align:left;}
.createBlog input[type="text"] {margin-bottom:15px; width:100%; height:70px; line-height:68px; font-size:21px; color:#666; box-sizing:border-box; padding:0 20px; border:1px solid #ddd;}
.createBlog textarea {margin-bottom:35px; width:100%; height:170px; border:1px solid #ddd; box-sizing:border-box; padding:20px; font-size:21px; color:#666;}
.createBlog_inner {width:520px; margin:0 auto;}


.sub_popup {display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); z-index:999;}
.sub_popup .popup_wrap {border-radius:10px;width:483px; padding:40px; background:#fff; box-sizing:border-box; text-align:left; margin:15% auto 0;}
.sub_popup .popup_wrap .tit {font-family: 'Noto Sans CJK'; font-size:30px; color:#333; font-weight:500; margin-bottom:30px;}
.sub_popup .popup_wrap .con {font-size:21px; color:#888; margin-bottom:25px;}
.sub_popup .popup_wrap .con span {display:block; color:#333; display:inline-block; margin-bottom:10px;}
.sub_popup .popup_wrap .radioUl {overflow:hidden; margin-bottom:15px;}
.sub_popup .popup_wrap .radioUl li {float:left; width:50%;}
.sub_popup .popup_wrap .radioUl li .inputArea { margin:10px 0;}
.sub_popup .popup_wrap .textarea1 {height:123px; margin-bottom:30px;}
.popup02 .popup_wrap {margin:10% auto 0;}
.popup03 .popup_wrap {width:580px; margin:3% auto 0;}

.popup03 .bannerTab {width:100%; overflow:hidden; box-sizing:border-box;}
.popup03 .bannerTab li {float:left;width:50%; text-align:center; height:70px; line-height:68px; box-sizing:border-box; border:1px solid #ddd;}
.popup03 .bannerTab li a {display:block; width:100%; font-size:21px; color:#555;}
.popup03 .bannerTab li.active {background:#4f69ee;}
.popup03 .bannerTab li.active a {color:#fff;}
.popup03 .tab_content {height:500px; overflow-y:scroll;}
.popup03 .tab_content .bannerUl li {width:100%; height:152px; margin-top:10px;}
.popup03 .tab_content .bannerUl li img {width:100%; height:100%;}
.popup03 .tab_content .filebox {margin-top:20px;}
.popup03 .tab_content .fileTxt {font-size:18px; color:#999; margin-top:15px;}
.popup03 .tab_content .fileDiv .fileNone {margin-top:50px; text-align:center; font-size:18px; color:#333; padding-top:95px; background:url(../images/sub/picIcon.png) no-repeat 50% 0;} 


.popup04 .popup_wrap {width:580px; margin:3% auto 0;}

.popup04 .bannerTab2 {width:100%; overflow:hidden; box-sizing:border-box;}
.popup04 .bannerTab2 li {float:left;width:50%; text-align:center; height:70px; line-height:68px; box-sizing:border-box; border:1px solid #ddd;}
.popup04 .bannerTab2 li a {display:block; width:100%; font-size:21px; color:#555;}
.popup04 .bannerTab2 li.active {background:#4f69ee;}
.popup04 .bannerTab2 li.active a {color:#fff;}
.popup04 .tab_content2 {height:500px; overflow-y:scroll;}
.popup04 .tab_content2 .bannerUl li {width:100%; height:152px; margin-top:10px;}
.popup04 .tab_content2 .bannerUl li img {width:100%; height:100%;}
.popup04 .tab_content2 .filebox3 {margin-top:20px;}
.popup04 .tab_content2 .fileTxt {font-size:18px; color:#999; margin-top:15px;}
.popup04 .tab_content2 .fileDiv .fileNone {margin-top:50px; text-align:center; font-size:18px; color:#333; padding-top:95px; background:url(../images/sub/picIcon.png) no-repeat 50% 0;} 
 





/* 블로그 글쓰기 */

.boardWrite {margin-top:150px;}
.boardWrite .boardTit {margin:65px 0 30px; border-bottom:2px solid #4f69ee; padding-bottom:20px;}
.boardWrite .boardTit .tit {font-size:30px; font-weight:300; color:#333; margin-bottom:35px; }
.boardWrite .boardTit .titInfo {overflow:hidden;}
.boardWrite .boardTit .titInfo .info {float:left;}
.boardWrite .boardTit .titInfo .info .img {vertical-align:middle; margin-right:10px; display:inline-block; width:36px; height:36px; border-radius:50%; overflow:hidden;}
.boardWrite .boardTit .titInfo .info .img img {width:100%; height:100%;}
.boardWrite .boardTit .titInfo .info p {display:inline-block; font-size:24px; color:#333; font-weight:600;}
.boardWrite .boardTit .titInfo .info p span {font-weight:normal; color:#999;}
.boardWrite .boardTit .titInfo .info p em {font-weight:normal; color:#333;}


.boardWrite .boardCon table {width:100%; }
.boardWrite .boardCon table th {vertical-align:top; padding:35px 0 10px; font-size:24px; color:#333;text-align:left; font-weight:500; font-family: 'Noto Sans CJK';}
.boardWrite .boardCon table td {padding:5px 0; font-size: 24px;}
.boardWrite .boardCon .subBtns {border-top:1px solid #ddd; margin:47px 0 100px; padding-top:45px;}
.boardWrite .boardCon table .textarea1 {height:170px;}

.inputArea input[type="radio"]{display: none;}
.inputArea input[type="radio"] + label {line-height: 20px; font-size:21px; color: #555; cursor: pointer;}
.inputArea input[type="radio"] + label span {display: inline-block; width:24px; height:24px; margin-right: 5px !important; vertical-align: sub; background:url(../images/sub/radio_off.png) center no-repeat; cursor: pointer;}
.inputArea input[type="radio"]:checked + label span {background:url(../images/sub/radio_on.png) center no-repeat;}

.filebox label {margin-bottom:3px; display: inline-block; font-size:24px; color:#555; text-align:center; width:100%; height:70px; line-height:68px; background:#fff; box-sizing:border-box; border:1px solid #ddd; cursor:pointer;}
.filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox .upload_name {width:100%; display: inline-block;  padding:0 15px; height:70px; line-height:68px; font-size: 24px; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; color:#bbb; background:#f6f6f6; border:1px solid #ddd; box-sizing:border-box;}

.filebox3 label {margin-bottom:3px; display: inline-block; font-size:24px; color:#555; text-align:center; width:100%; height:70px; line-height:68px; background:#fff; box-sizing:border-box; border:1px solid #ddd; cursor:pointer;}
.filebox3 input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox3 .upload_name3 {width:100%; display: inline-block;  padding:0 15px; height:70px; line-height:68px; font-size: 24px; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; color:#bbb; background:#f6f6f6; border:1px solid #ddd; box-sizing:border-box;}

.note-editable p {font-size: 28px;}
.note-editable span {font-size: 28px;}



/* 검색결과 */
.subSearch {margin-top:125px; border:1px solid #ddd; box-sizing:border-box; width:100%; background:#f6f6f6; padding:15px 0;}
.subSearch > div {width:514px; margin:0 auto; position:relative;}
.subSearch input[type="text"] {text-align:center; background:transparent;box-sizing:border-box; padding:0 90px 10px 15px;width:100%; height:60px; line-height:60px; border:0; border-bottom:1px solid #333 !important; font-size:24px; font-weight:600; color:#333; font-family: 'Noto Sans CJK';}
.subSearch .searchBtns {position:absolute; right:0px; top:10px;}
.subSearch .searchBtns button {width:40px; height:40px; border:0; }
.subSearch .escIcon {background-position:-374px 0; }
.subSearch .searchIcon {background-position:-424px 0; margin-left:5px;}

.searchNone {margin:100px 0 200px; padding:85px 0; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.searchNone .result {font-size:24px; color:#333; font-weight:300; margin-bottom:10px;}
.searchNone .result span {font-weight:600; }
.searchNone .txt {font-size:21px; color:#333; font-weight:300; font-family:'Noto Sans CJK';}

/* 로그인 */

.loginDiv_pd  {padding:100px 0 230px; }
.loginDiv {margin:0 auto;padding:75px 0; text-align:center; width:580px; background:#fff; border-top:6px solid #4f69ee; border-radius:10px; overflow:hidden; box-shadow: 16px 20px 20px 10px #dad9d9}
.loginDiv .tit {font-size:40px; font-weight:500; color:#333; margin-bottom:50px;}
.loginDiv input[type="text"] {margin-bottom:15px; width:100%; height:56px; line-height:56px; font-size:21px; color:#666; box-sizing:border-box; padding:0 20px; border:1px solid #ddd;}
.loginDiv input[type="password"] {margin-bottom:30px; width:100%; height:56px; line-height:56px; font-size:21px; color:#666; box-sizing:border-box; padding:0 20px; border:1px solid #ddd;}
.loginDiv textarea {margin-bottom:35px; width:100%; height:170px; border:1px solid #ddd; box-sizing:border-box; padding:20px; font-size:16px; color:#666;}
.loginDiv_inner {width:380px; margin:0 auto;}
.signBtn {border:0; background:#4f69ee; width:380px; height:60px; line-height:60px; border-radius:30px; text-align:center; color:#fff; font-size:26px; font-weight:500;} 
.signBtn2 {background:#bf9834;}
.loginDiv .btnTxt {letter-spacing:0.3px;font-size:21px; color:#666; line-height:1.7; margin-top:55px;}
.loginDiv .btnTxt a {color:#4f69ee; display:inline-block; border-bottom:1px solid #4f69ee; }

.loginDiv_txt {margin:0 auto; text-align:center;}
.loginDiv_txt .loginTxt {font-size:22px; color:#666; line-height:1.6; margin:65px 0 33px;}
.loginDiv_txt .loginTxt span {font-size:22px; color:#4f69ee;}


/* 블로그 관리 */
.profileTit {font-size:24px; color:#333; margin:125px 0 10px; }
.sub_visual .editProfile{box-sizing:border-box; margin:115px 0; width:100%; background:#fff; }
.sub_visual .editProfile:after {content:''; clear:both; height:0; display:block; visibility:hidden;}
.sub_visual .editProfile .imgTit {margin-bottom:10px; font-size:24px; color:#333; text-align:left;}


/*.sub_visual .editProfile .imgArea {width:260px; height:260px; margin:0 auto 60px; text-align:center; position:relative;}
.sub_visual .editProfile .imgArea img {width:260px; height:260px; border-radius:50%; overflow:hidden; border:1px solid #ddd;}
.sub_visual .editProfile .imgArea button {border:0; text-indent:-9999px;position:absolute; right:10px; bottom:10px; width:48px; height:48px; background:url(../images/sub/sub_icons.png) no-repeat -480px 0 ;}*/


.sub_visual .editProfile .imgArea {width:260px; height:260px; margin:0 auto 60px; text-align:center; position:relative;}
.sub_visual .editProfile .imgArea img {width:260px; height:260px; border-radius:50%; overflow:hidden; border:1px solid #ddd;}
.sub_visual .editProfile .imgArea button {border:0; text-indent:-9999px;position:absolute; right:10px; bottom:10px; width:48px; height:48px; background:url(../images/sub/sub_icons.png) no-repeat -480px 0 ;}
.sub_visual .editProfile .imgArea label {border:0; text-indent:-9999px;position:absolute; right:10px; bottom:10px; width:48px; height:48px; background:url(../images/sub/sub_icons.png) no-repeat -480px 0 ;}


.sub_visual .editProfile .txtArea label {display:block; margin-bottom:10px; font-size:24px; color:#333; text-align:left;}
.sub_visual .editProfile .txtArea input[type="text"] {margin-bottom:15px; width:100%; height:56px; line-height:56px; font-size:24px; color:#666; box-sizing:border-box; padding:0 20px; border:1px solid #ddd;}
.sub_visual .editProfile .txtArea textarea {width:100%; height:170px; border:1px solid #ddd; box-sizing:border-box; padding:20px; font-size:24px; color:#666;}
.sub_visual .editProfile .txtArea .btTxt {font-size:18px; color:#999; margin:15px 0 70px;}


/* 약관 */
.data {padding: 50px 0;}
.data .tit_box {margin: 0 0 30px 0;}
.data .tit_box h3 {font-size: 32px; font-weight: 600; color: #333; text-align: center;}
.data .tit_box .date {display: block; margin: 20px 0 0 0; font-size: 18px; color: #999; text-align: right;}
.data p {line-height: 1.3; color: #333;}
.data .tit {display: block; margin: 30px 0 10px; font-size: 24px; color: #333;}
.data p .tit02 {display: block; margin: 10px 0 5px; font-weight: 600;}
.data ul {margin: 10px 0;}
.data ul li {color: #333;}
.data ul li em {font-weight: 600;}