@charset "utf-8";

/*서브 비주얼 */
.sub_visual_wrap{ width:100%; position:relative;margin-top:130px;}
.sub_visual_wrap .va_wrap{ position:relative; height:250px; overflow:hidden}
.sub_visual_wrap .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; transform:scale(1.2,1.2); transition:1s}
.sub_visual_wrap .bg1{background:url("/img/sub/subVisual01.jpg") center top no-repeat;}
.sub_visual_wrap .bg2{background:url("/img/sub/subVisual02.jpg") center top no-repeat;}
.sub_visual_wrap .bg3{background:url("/img/sub/subVisual03.jpg") center top no-repeat;}
.sub_visual_wrap .bg4{background:url("/img/sub/subVisual04.jpg") center top no-repeat;}
.sub_visual_wrap .bg5{background:url("/img/sub/subVisual05.jpg") center top no-repeat;}
.sub_visual_wrap .bg6{background:url("/img/sub/subVisual06.jpg") center top no-repeat;}

.sub_visual_wrap .slogan{ position:relative; text-align:left; padding-top:65px; letter-spacing:0.02em; text-align:center;  }
.sub_visual_wrap .slogan .t1{ font-size:18px; color:#fff; letter-spacing:-0.03em; text-shadow:0 2px  2px rgba(0,0,0,.3); padding-bottom:10px; margin-left:100px; opacity:0; transition:1s}
.sub_visual_wrap .slogan .t2{ font-size:30px; text-shadow:0 2px  2px rgba(0,0,0,.3); color:#fff; letter-spacing:-0.01em; margin-right:100px; margin-bottom:0px; opacity:0; transition:1s}
.sub_visual_wrap .slogan .t2:before{ content:""; display:block; width:40px; height:2px; margin:0 auto 5px auto; background:#fff}
.load .sub_visual_wrap .bg{ transform:scale(1,1)}
.load .sub_visual_wrap .slogan .t1{ margin-left:0; opacity:1}
.load .sub_visual_wrap .slogan .t2{ margin-right:0; opacity:1}

@media screen and (max-width:650px) {
	.sub_visual_wrap .slogan .t1{ font-size:14px;} 
	.sub_visual_wrap .slogan .t2{ font-size:22px;}
}

/* 1회사소개-인사말 */
.gree {width:100%; overflow:hidden; position:relative; letter-spacing:-0.03em;}
.gree .left { float:left; width:20%;}
.gree .right{ float:right; width:75%;}
.gree .left img{width:100%; }
.gree .right h2 {color:#000; padding-bottom:5px; line-height:30px; font-size:22px; margin-bottom:20px; letter-spacing:-0.04em;}
.gree .right span{color:#666; line-height:28px; font-size:15px;}
.gree .right p {text-align:right; margin-top:15px; font-size:15px; color:#666;}
.gree .right p span{font-size:30px; color:#000; font-family: 'DoKdo'; padding:0 10px;}

/* 1회사개요 */
.com_info {width:100%; overflow:hidden;}
.com_info h2 {background:url("/img/sub/title_icon1.png") no-repeat 0 4px; padding-left:25px; color:#000; line-height:24px; font-size:20px; margin:60px 0 15px 0;}
.com_info .com_left {width:50%; float:left; padding-right:50px;}
.com_info .com_right{width:50%; float:left;}
.com_info .com_right img{ width:100%; float:right;}

.infoTable {width:100%; font-size:15px;}
.infoTable tbody th {width:20%; text-align:left; padding-left:20px; background:#fafafa; font-size:15px; color:#333; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.infoTable tbody tr:first-of-type th {border-top:2px solid #ddd;}
.infoTable tbody tr:first-of-type td:nth-child(2) {border-top:2px solid #ddd;}
.infoTable tbody td {border-bottom:1px solid #ddd; padding:15px; color:#666; font-size:15px; border-right:1px solid #ddd;}
.infoTable tbody td:hover {background:#fafafa;}

@media (max-width:1100px){
    /* 1회사개요 */
    .com_info .com_left{float:none;width:100%;padding:0;}
	.com_info .com_right{display:none}
}

@media (max-width:960px){
	/* 1회사소개-인사말 */
	.gree .left,
	.gree .right{width:100%; float:none;}
	.gree .right{margin-top:30px;}
	.gree .left img{padding:0;}
	
    .infoTable tbody th {width:25%; padding:10px;}
	.infoTable tbody td {padding:10px;}
}

@media (max-width:767px){
	/* 1회사소개-인사말 */
	.gree .right h2{font-size:17px;  line-height:26px;}
	.gree .right p span{font-size:25px;}

	.gree .right h2 .img_left,
	.gree .right h2 .img_right {width:25px; height:21px;}
 }

 @media (max-width:650px){
    .com_info h2 {margin:40px 0 15px 0;}
	.gree .right h2 .img_left{padding:0 5px 20px 0}
    .gree .right h2 .img_right{padding:0 0 20px 5px}
    
	 .com_info h2 {font-size:17px;}
	.infoTable tbody th {font-size:14px;}
	.infoTable tbody td {font-size:14px;}
 }

/* 1회사소개-2 오시는 길 */
.map_wrap{width:100%; overflow:hidden; position:relative;}
.map_wrap h2{color:#000; font-size:24px; margin-bottom:15px;}
.map_nner{width:100%; border:8px solid #f8f8f8;}
.map_wrap .map_pc {width:100%;}


@media (min-width: 768px){
	/* 1회사소개-2 오시는 길 */
	.map_wrap .map_mobile  {display:none;}
}

@media (max-width:767px){
	/* 회사소개-2 오시는 길 */
	 .map_wrap .map_pc {display:none}
     .map_wrap .map_mobile {width:100%; text-align:center;}
     table.maps td:first-child {width:25%;}
}

/* 1회사소개-2 오시는 길 */
.map_info_wrap {width:100%; display:block; overflow:hidden; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px 0; margin-top:30px;}
.map_info_wrap .info {display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-right:30px}
.map_info_wrap .info .tit{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; line-height:30px; font-weight:600; color:#666; font-size:13px;}
.map_info_wrap .info .tit .icon{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:30px; height:30px; border-radius:30px; background-repeat:no-repeat; background-position:center; margin-right:5px;}
.map_info_wrap .info .tit .icon.add{ background-image:url("/img/sub/map_icon.png"); background-color:#fba8a2;}
.map_info_wrap .info .tit .icon.tel{ background-image:url("/img/sub/map_tel.png"); background-color:#aaa;}
.map_info_wrap .info .tit .icon.fax{ background-image:url("/img/sub/map_fax.png"); background-color:#aaa;}
.map_info_wrap .info .tit .icon.phon{ background-image:url("/img/sub/map_phon.png"); background-color:#aaa;}
.map_info_wrap .info .tit .icon.email{ background-image:url("/img/sub/map_email.png"); background-color:#aaa;}
.map_info_wrap .info .tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; line-height:30px; color:#666; font-size:14px;}
.map_info_wrap .info .tt a{line-height:30px; color:#666;}
.map_info_wrap .info .tt a:hover{color:#000;}
.line_st2{ display:block; margin-top:20px; padding-top:20px; border-top:1px solid #ddd}

@media (max-width:767px){
	/* 1회사소개-2 오시는 길 */
   .map_info_wrap .info .tit .icon{margin-bottom:10px;}
   .map_info_wrap .spc{letter-spacing:-0.04em;}
}

/* 3출판가이드  - 출판형식*/
.publish { width:100%; overflow:hidden; position:relative; letter-spacing:-0.03em; background:#f7f7f7; padding:22px;}
.publish .cnt_list{ width:100%; overflow:hidden; position:relative; background:#fff; margin-bottom:22px; border:1px solid #ddd;}
.publish .cnt_list:last-child {margin-bottom:0;}
.publish .cnt_list .left_img {float:left; width:40%; }
.publish .cnt_list .right_cnt {float:right; width:60%; padding:40px 40px 40px 60px;}
.publish .cnt_list .right_cnt .p1 {background:url("/img/sub/title_icon1.png") no-repeat 0 2px;font-size:20px; color:#000; padding-left:26px; margin-bottom:30px;}
.publish .cnt_list .right_cnt span {font-size:15px; color:#666; line-height:26px;}

@media screen and (max-width:767px) {
   /* 3출판가이드  - 출판형식*/
   .publish { padding:15px;}
    .publish .cnt_list {padding:20px;}
	.publish .cnt_list .left_img {float:none; width:100%;}
    .publish .cnt_list .right_cnt {float:none; width:100%; padding-left:0; margin-top:20px;}
	.publish .cnt_list .right_cnt .p1{font-size:17px; margin-bottom:20px;}
	.publish .cnt_list .right_cnt span {font-size:14px; line-height:22px;}
}


/* 3출판가이드  - 출판과정*/
.publish2 { width:100%; overflow:hidden; position:relative; letter-spacing:-0.03em;}
.publish2 .step { overflow: hidden;}
.publish2 .step ul {margin-bottom:-30px;}
.publish2 .step li { float: left; width: calc(33.333% - 30px);  height:320px; margin: 0 0 30px 45px; position: relative; text-align:center; border-radius:5px;}
.publish2 .step li.bg1 {background:url("/img/sub/publish2_bg01.jpg") #f3f3f3 no-repeat center 0;}
.publish2 .step li.bg2 {background:url("/img/sub/publish2_bg02.jpg") #f3f3f3 no-repeat center 0;}
.publish2 .step li.bg3 {background:url("/img/sub/publish2_bg03.jpg") #f3f3f3 no-repeat center 0;}
.publish2 .step li.bg4 {background:url("/img/sub/publish2_bg04.jpg") #f3f3f3 no-repeat center 0;}
.publish2 .step li.bg5 {background:url("/img/sub/publish2_bg05.jpg") #f3f3f3 no-repeat center 0;}
.publish2 .step li.bg6 {background:url("/img/sub/publish2_bg06.jpg") #f3f3f3 no-repeat center 0;}
.publish2 .step li.bg7 {background:url("/img/sub/publish2_bg07.jpg") #f3f3f3 no-repeat center 0;}
.publish2 .step li.bg8 {background:url("/img/sub/publish2_bg08.jpg") #f3f3f3 no-repeat center 0;}
.publish2 .step li.bg9 {background:url("/img/sub/publish2_bg09.jpg") #f3f3f3 no-repeat center 0;}
.publish2 .step li:first-child{margin-left:0 }
.publish2 .step li:nth-child(4){margin-left:0}
.publish2 .step li:nth-child(7){margin-left:0}
.publish2 .step li:after { content: ""; display: block; width:16px; height: 26px; background:url("/img/sub/step_arrow01.png") no-repeat; position: absolute; top: 50%; right: -31px; margin-top:-13px; z-index:2; }
.publish2 .step li:nth-child(3):after{ display: none; }
.publish2 .step li:nth-child(6):after{ display: none; }
.publish2 .step li:last-child:after{ display: none; }
.publish2 .step li >div{display: table; width: 100%; height: 100%; padding:0 5%; position: relative; }
.publish2 .step dl { display: table-cell; padding-top:20px;}
.publish2 .step dt { color: #fff; font-size:26px; line-height: 100%; padding-top:5px;}
.publish2 .step .dd1 { padding:10px;}
.publish2 .step .dd2 { padding:30px 10px 15px 10px; color: #fff; font-size:22px;}
.publish2 .step .dd3 { padding:40px 5px 0 5px; color: #444; font-size:16px; line-height:24px;}
.publish2 .step .dd4 { padding:15px 10px;  color: #666; font-size:15px; line-height:26px;}

@media screen and (max-width:1190px) {
     /* 3출판가이드  - 출판과정*/
	.publish2 .step li {width: calc(50% - 30px);}
	.publish2 .step li:nth-child(3){margin-left:0}
	.publish2 .step li:nth-child(4){margin-left:45px}
    .publish2 .step li:nth-child(5){margin-left:0}
	.publish2 .step li:nth-child(7){margin-left:0}
	.publish2 .step li:nth-child(9){margin-left:0}

	.publish2 .step li:nth-child(2):after{ display: none; }
	.publish2 .step li:nth-child(3):after{display:block; }
	.publish2 .step li:nth-child(4):after{ display: none; }
	.publish2 .step li:nth-child(6):after{ display: none; }
	.publish2 .step li:nth-child(8):after{ display: none; }
}

@media screen and (max-width:960px) {
     /* 3출판가이드  - 출판과정*/
	.publish2 .step li {float: none; width: calc(100% - 30px); margin-left: 0; height:auto; padding-bottom:20px;}
	.publish2 .step li:nth-child(4){margin-left:0}
	.publish2 .step li:after { top: inherit; width:26px; height:16px; right: 50%; bottom:-23px; margin:0 -13px 0 0; background:url("/img/sub/step_arrow01_m.png") no-repeat; }

	.publish2 .step li:nth-child(2):after{display:block; }
	.publish2 .step li:nth-child(3):after{display:block; }
	.publish2 .step li:nth-child(4):after{display:block; }
	.publish2 .step li:nth-child(6):after{display:block; }
	.publish2 .step li:nth-child(8):after{display:block; }
}

@media screen and (max-width:767px) {
    /* 3출판가이드  - 출판과정*/
    
	.publish2 .step dt {font-size:18px;}
	.publish2 .step .dd1 img{} 
	.publish2 .step .dd2 {font-size:16px;}
	.publish2 .step .dd3 {font-size:15px; line-height:24px;}
    .publish2 .step .dd4 {font-size:14px; line-height:24px;}
}


/* 회원약관 / 개인정보 방침*/
.provision { width: 100%; overflow: hidden;letter-spacing:-0.03em;}
.provision h2{ color:#000; font-size:24px; line-height:20px; }
.provision .font_b {font-size:16px; color:#000; line-height:30px;}
.provision .font_mtit {font-size:14px; color:#000; margin-bottom:5px;}
.provision .font_stxt {font-size:14px; color:#666; line-height:24px;}

@media screen and (max-width:767px) { 
	/* 회원약관 / 개인정보 방침*/
	.provision h2{ color:#000; font-size:18px;}
	.provision .font_b {font-size:16px;}
	.provision .font_mtit {font-size:14px;}
	.provision .font_stxt {font-size:14px;}
	
	.products05 .img_box1 ul li {width: calc(50% - 2%);}
}

/* 이메일 무단수집거부 */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; font-size:14px;	line-height: 180%; word-break:break-all; letter-spacing:-0.03em;}
.privacy h2 { font-size:18px; color:#000; text-align: left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; line-height:22px;}
.privacy > p+dl { margin-top: 30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:15px;color:#3680b9; padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px; font-size:14px; line-height:180%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:180%; margin-top: 10px; }
.privacy > dl > dd ul li:first-child { margin-top: 0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height: 140%; }
.sTxt h3 { font-size:16px; color: #333; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; line-height:22px; letter-spacing:-0.03em;}
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }

/* 페이지 준비중 */
.page_perpare {text-align:center;}

@media (max-width:768px){
	.page_perpare img {width:100%; padding:0 0 10px 0}
}


/* 게시판 분류 탭 */
.mh02{width:100%;}
.mh02 .mh02_cont div{ margin-top:65px;}
.mh02 .mh02_nav{ display: inline-block; background:#89a39a; text-align:center;}
.mh02 .mh02_nav:after {display:block;visibility:hidden;clear:both;content:""}
.mh02 .mh02_nav li{display:inline-block;padding: 0 20px; position: relative;}
.mh02 .mh02_nav li:after{position: absolute; top: 15px; left: 0; width: 1px; height:12px; background-color: #fff; content: "";}
.mh02 .mh02_nav li:nth-child(1):after{display: none; }
.mh02 .mh02_nav li a {display: block; font-size: 16px; position: relative; line-height:40px; color:#fff !important; }
.mh02 .mh02_nav li.on a{color:#fff100 !important;}

/* 게시판 분류 탭 */
.mh03{width:100%;}
.mh03 .mh02_cont div{ margin-top:65px;}
.mh03 .mh02_nav{width:100%; height:40px; background:#4899a2; margin:0 auto 0; letter-spacing:-0.03em; margin-bottom:65px; display: inline-block;}
.mh03 .mh02_nav.nav1{padding-left:20%}
.mh03 .mh02_nav li{float:left; position: relative; padding: 0 15px; text-align:center;}
.mh03 .mh02_nav li.mu1 {padding: 0 15px; }
.mh03 .mh02_nav li.mu2 {width:25%;}
.mh03 .mh02_nav li:after{position: absolute; top: 13px; left: 0; width: 1px; height:12px; background-color: #fff; content: "";}
.mh03 .mh02_nav li:nth-child(1):after{display: none; }
.mh03 .mh02_nav li a {display: block; font-size: 16px; position: relative; line-height:40px; color:#fff !important; }
.mh03 .mh02_nav li.on a{color:#fff100 !important;}


/* 게시판 분류 탭 */
.mh04{width:100%;}
.mh04 .mh04_cont div{ margin-top:65px;}
.mh04 .mh04_nav{ display: inline-block; background:#8abdc1; text-align:center;}
.mh04 .mh04_nav:after {display:block;visibility:hidden;clear:both;content:""}
.mh04 .mh04_nav li{display:inline-block;padding: 0 20px; position: relative;}
.mh04 .mh04_nav li:after{position: absolute; top: 15px; left: 0; width: 1px; height:12px; background-color: #fff; content: "";}
.mh04 .mh04_nav li:nth-child(1):after{display: none; }
.mh04 .mh04_nav li a {display: block; font-size: 16px; position: relative; line-height:40px; color:#fff !important; }
.mh04 .mh04_nav li.on a{color:#fff100 !important;}