@charset "utf-8";
@import url("font2.css");
@import url("font.css");
/* style reset */
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

body {width:100%; overflow-x:hidden; color: #000; font-size: 16px; font-family: 'ns'; line-height: 26px;}
a {cursor:pointer; color: #000; font-size: 16px; text-decoration:none;}
em, address, i {font-style:normal}
caption {visibility:hidden; width:0; height:0; overflow:hidden; font-size:0}
hr {display:none}
select {border-radius:0;}
pre {white-space:pre-line; word-break:break-all}
img {border:0}
input.txt, .optionbox select {width: 100%; height: 100%; color: #444; font-size: 15px; background-color:#fff; border:0; border-radius:0;}
input.txt:focus {outline: none;}
input.file {padding:0; background:#fff; border:0; border-radius:0}
input.radio {vertical-align:middle}
input.checkbox {vertical-align:middle}										 
/*input::-ms-clear {display:none}*/
input::-webkit-input-placeholder {color:#999 !important; }
input:-moz-placeholder {color:#999 !important; }
input::-moz-placeholder {color:#999 !important; }
input:-ms-input-placeholder {color:#999 !important; }

textarea {overflow-x:hidden; overflow-y:auto; resize:none; color: #000; background:#fff;}
textarea::-webkit-input-placeholder {color:#a7a7a7 !important;}
textarea:-moz-placeholder {color:#a7a7a7 !important;}
textarea::-moz-placeholder {color:#a7a7a7 !important;}
textarea:-ms-input-placeholder {color:#a7a7a7 !important;}
fieldset {margin:0; padding:0; border:0; background:0}
fieldset legend {visibility:hidden; font-size:0; line-height:0}
table {border-collapse:collapse}

.transparents-layer {display: none;}

.btn {padding: 0 40px; height: 50px; font-size: 18px;}
.btn2 {width: 80px; height: 30px; font-size: 15px;}
.btn3 {width: 70px; height: 30px; font-size: 12px; font-family: 'Dotum'; color: #fff; border-radius: 3px; background: #6b6e7b;}
.btn4 {width: 100px; height: 30px;}
.btn5 {width: 55px; height: 25px; font-size: 12px; font-family: 'Dotum'; color: #fff; border-radius: 3px;}
.btn6 {padding: 0 20px; height: 35px;}
.btn7 {padding: 0 20px; height: 30px; font-size: 12px; font-family: 'Dotum'; color: #fff; border-radius: 3px; background: #6b6e7b;}

.btn_list {color: #fff; background: #444444;}
.btn_blue {color: #fff; background: #0076d5;}
.btn_blue1 {color: #fff; background: #5186b1;}
.btn_gray {color: #fff; background: #9e9e9e;}
.btn_gray2 {color: #fff; background: #999;}
.btn_gray3 {color: #fff; background: #444;}
.btn_white {color: #0076d5; border: 1px solid #0076d5;}
.btn_white2 {color: #000; border: 1px solid #000;}
.btn_green {color: #fff; background: #4ea414;}
.btn_prev {background-image: url('/images/web/arrow_prev2.png');}
.btn_next {background-image: url('/images/web/arrow_next2.png');}
.btn_down {width: 20px; height: 16px; background: url('/images/web/icon_down.png') center center no-repeat;}
.btn_cancel {width: 52px; height: 17px; color: #fff; font-size: 11px; font-family: 'Dotum'; background: #a22222;}

.f_w {font-weight: 600 !important;}
.f_w400 {font-weight: 400 !important;}
.p_r {position: relative !important;}

.d_block {display: block;}
.d_inblock {display: inline-block;}
.d_none {display: none;}
.d_table {display: table;}
.d_itable {display: inline-table;}
.d_cell {display: table-cell; vertical-align: middle; text-align: center;}

.color_b {color: #0076d5;}
.color_r ,
.red_star{color: #e42323;}
.bg_blue {}
.color_normal{color: #000 !important;}

.font-bold{font-weight: 600;}

.text12{font-size: 12px;}
.text16{font-size: 16px;}
.text18{font-size: 18px;}
.text20{font-size: 20px;}


.padding0 {padding: 0 !important;}
.margin0 {margin: 0 !important;}
.mt80 {margin-top:80px !important}
.mt50 {margin-top:50px !important}
.mt40 {margin-top:40px !important}
.mt30 {margin-top:30px !important}
.mt20 {margin-top:20px !important}
.mt10 {margin-top:10px !important}
.mt5 {margin-top:5px !important}
.mb2 {margin-bottom:2px !important}
.mb5 {margin-bottom:5px !important}
.mb10 {margin-bottom:10px !important}
.mb15 {margin-bottom:15px !important}
.mb20 {margin-bottom:20px !important}
.mb25 {margin-bottom:25px !important}
.mb30 {margin-bottom:30px !important}
.mb35 {margin-bottom:35px !important}
.mb40 {margin-bottom:40px !important}
.mb50 {margin-bottom:50px !important}
.mb55 {margin-bottom:55px !important}
.mb60 {margin-bottom:60px !important}
.mr5 {margin-right:5px !important}
.mr10 {margin-right:10px !important}
.mr15 {margin-right:15px !important}
.mr20 {margin-right:20px !important}
.mr25 {margin-right:25px !important}
.ml5 {margin-left:5px !important}
.ml10 {margin-left:10px !important}
.ml20 {margin-left:20px !important}
.pl10 {padding-left:10px !important}
.pl15 {padding-left:15px !important}
.pl20 {padding-left:20px !important}
.pl25 {padding-left:25px !important}
.pl30 {padding-left:30px !important}
.pr20 {padding-right:20px !important}
.pt8 {padding-top:8px !important}
.pt10 {padding-top:10px !important}
.pt15 {padding-top:15px !important}
.pt20 {padding-top:20px !important}
.pt30 {padding-top:30px !important}
.pt33 {padding-top:33px !important}
.pt40 {padding-top:40px !important}
.pt50 {padding-top:50px !important}
.pt80 {padding-top:80px !important}
.pt120 {padding-top:120px !important}
.pb10 {padding-bottom:10px !important}
.pb40 {padding-bottom:40px !important}
.w80 {width: 80px !important}
.w100 {width: 100px !important}
.w200 {width: 200px !important}
.w300 {width: 300px !important}
.w_25 {width: 25% !important}
.w_30 {width: 30% !important}
.w_35 {width: 35% !important}
.w_50 {width: 50% !important}
.w_100 {width: 100% !important}

.al {text-align: left !important;}
.ac {text-align: center!important;}
.ar {text-align: right!important;}

.cl_bo {clear: both !important;}
.f_l {float: left !important;}
.f_r {float: right !important;}
.over_h {overflow: hidden !important;}
.wb_keep {word-break: keep-all !important;}

.t_line{border-top: 1px solid #ececec; clear: both;}


dl.skipnavi {position:relative;z-index: 500;}
dl.skipnavi dt {display:none}
dl.skipnavi dd a {position:absolute; left:0; top:-50px; font-size:0}
dl.skipnavi dd a:active, dl.skipnavi dd a:focus {display:block; left:0; top:0; z-index:51; width:400px; height:30px; padding-top:9px; text-align:center; background:#333; line-height:14px; text-decoration:none; color:#fff; font-size:12px; font-weight:bold}

/*서브*/
.sub_contents {position: relative; width: 100%; overflow: hidden;}
.global{ font-family: 'Noto Sans TC','Noto Sans JP', sans-serif !important;}
.sub_top {position: relative; width: 100%; height: 250px; text-align: center;}
.sub_top.sub1 {background-image: url('/images/web/sub_img001.jpg');}/*협회소개*/
.sub_top.sub2 {background-image: url('/images/web/sub_img02.jpg');}/*정보공간*/
.sub_top.sub3 {background-image: url('/images/web/sub_img03.jpg');}/*입회*/
.sub_top.sub4 {background-image: url('/images/web/sub_img04.jpg');}/*회원공간*/
.sub_top.sub5 {background-image: url('/images/web/sub_img05.jpg');}/*마이페이지*/
.sub_top.sub6 {background-image: url('/images/web/sub_img06.jpg');}/*멤버쉽*/
.sub_top.sub7 {background-image: url('/images/web/sub_img07.jpg');}/*외국어*/
.sub_top h2 {padding-top: 90px; color: #fff; font-size: 45px;}
.sub_top .bg {position: absolute; width: 100%; height: 48px; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.8);}
.lnb_box {position: absolute; z-index: 80; width: 1250px; left: 50%; top: 202px; transform: translateX(-50%);}
.lnb_box > ul {clear: both;}
.lnb_box > ul > li {position: relative; float: left; }
.lnb_box > ul > li > a {display: table; width: 100%; height: 48px; padding: 0 3px;}
.lnb_box > ul > li > a > span {color: #fff; font-size: 16px; line-height: 22px; letter-spacing: -0.5px; word-break: keep-all;}
.lnb_box > ul > li.active > a > span {font-weight: 600; background: #0081e8;}
.lnb_box > ul > li > ul {display: none; position: absolute; z-index: 85; width: 100%; height: auto; left: 0; top: 48px; border: 1px solid #dfdfdf; background: #fff;}
.lnb_box > ul > li > ul > li {overflow: hidden; border-bottom: 1px solid #dfdfdf; background-color: #fff;}
.lnb_box > ul > li > ul > li:last-child {border-bottom: 0;}
.lnb_box > ul > li > ul > li > a {display: block; padding: 10px 5px; text-align: center; font-size: 14px; font-weight: 600; word-break: keep-all; letter-spacing: -0.1em;}
.lnb_box > ul.sub2 > li {width: 50%;}/*2*/
.lnb_box > ul.sub3 > li {width: 33.333%;}/*3*/
.lnb_box > ul.sub4 > li {width: 25%;}/*4*/
.lnb_box > ul.sub5 > li {width: 20%;}/*5*/
.lnb_box > ul.sub6 > li {width: 16.666%;}/*6*/
.lnb_box > ul.sub7 > li {width: 14.258%;}/*7*/
.lnb_box > ul.sub8 > li {width: 12.5%;}/*8*/
.lnb_box > ul.sub9 > li {width: 11.111%;}/*9*/
.lnb_box > ul.sub10 > li {width: 10%;}/*10*/
.lnb_box > ul.sub11 > li {width: 9.09%;}/*11*/

.contents_title {padding: 50px 0; width: 1150px; margin: 0 auto; text-align: center;}
.contents_title h2 {position: relative; padding-bottom: 20px; margin-bottom: 15px; color: #000; font-size: 34px;}
.contents_title h2:after {content: ''; display: inline-block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 65px; height: 1px; background: #000;}
.contents_title .nav {height: 18px;}
.contents_title .nav a, .contents_title .nav span {color: #000; font-size: 14px; line-height: 18px;}
.contents_title .nav a {display: inline-block; padding-right: 18px; margin-right: 5px; background: url('/images/web/nav_arrow.png') right center no-repeat;}
.contents_title .nav a.home img {position: relative; top: -1px;}
.contentsarea {position: relative; overflow: hidden; padding-bottom: 50px; width: 1150px; min-height: 450px; margin: 0 auto;}
.contentsarea.login {padding: 50px 0; width: 100%; background: #fafafa;}

/*건강검진*/
.contentsarea .health{text-align: center;}
.contentsarea .health li{padding-bottom: 15px;}
.contentsarea .health li.line1{font-size: 28px; line-height: 36px;}

.ssmenu_box {position: relative; margin-bottom: 80px; z-index: 50;}
.ssmenu_box > ul {overflow: hidden; position: relative; z-index: 100;}
.ssmenu_box > ul > li {float: left; display: table; padding: 0 2.5px;}
.ssmenu_box > ul > li a {width: 100%; height: 62px; color: #666; font-size: 16px; font-weight: 600; border: 1px solid #cdcdcd;}
.ssmenu_box > ul > li.active a, .ssmenu_box > ul > li:hover a {color: #fff; border: 1px solid #2f77ae; background: #2f77ae;}
.ssmenu_box > ul.tab3 li {width: 33.33%;}/*3*/
.ssmenu_box > ul.tab2 li,
.ssmenu_box > ul.tab4 li {width: 50%;}/*2*/
.ssmenu_box > ul.tab5 li {width: 20%;}/*5*/
.ssmenu_box > ul.tab6 li {width: 16.6%;}/*6*/
.ssmenu_box > ul.tab8 li {width: 14.3%;}/*7*/
.ssmenu_box > ul.tab9 li {width: 25%;}/*4*/

.ssmenu_box .zelect {display: none;}
.ssmenu_box select{position: absolute; left: 0; top: 0; z-index: 1;}

/*월간방송작가*/
.monthly_magazine {border:1px solid #cdcdcd; font-family: 'Nanum Myeongjo', serif; overflow: hidden; position: relative;}
.space15{padding: 15px; }
.monthly_magazine .main_img{width: 100%; min-width: 100%; position: relative; z-index: 2;}
.monthly_magazine .main_img h3,
.monthly_magazine .main_img h4{position: absolute; z-index: 5;  left: 15px; font-family: 'Noto Sans KR', sans-serif;}
.monthly_magazine .main_img h3.date{top:15px; font-size: 38px; color: #fff; font-weight: 600;}
.monthly_magazine .main_img h3.ttl{top:70px; font-size: 50px; color: #fff;}
.monthly_magazine .main_img h4{bottom: 10px; font-size: 15px;  color: #fff; line-height: 22px; }
.monthly_magazine .main_img h4 .ttl_spot{font-size: 16px; font-weight: 600;}

.monthly_magazine .list_con2{background-color: #e9e9e9; padding: 15px; overflow: hidden;}
.monthly_magazine .list_con2 .left_con{float: left; width:720px; margin-right: 15px;}
.monthly_magazine .list_con2 .right_con{float: left; width: 32%;}
.monthly_magazine .list_con2 h1{font-size: 26px; padding-bottom: 15px; font-family: 'Noto Sans KR', sans-serif;}
.monthly_magazine .list_con2 h2{font-size: 24px; padding-bottom: 15px; line-height: 28px; font-family: 'Noto Sans KR', sans-serif;}
.monthly_magazine .list_con2 h3{font-size: 20px; color: #666; padding-bottom: 10px; }
.monthly_magazine .list_con2 dl{font-size: 16px; line-height: 24px; letter-spacing: -0.08em;}

.monthly_magazine .list_con2 li{background-color: #fff; overflow: hidden; margin-bottom: 15px; color: #333;}
.monthly_magazine .list_con2 li.first{/*border:3px solid #312798;*/ width: 100%;}
.monthly_magazine .list_con2 li.first > ul{position: relative;}
.monthly_magazine .list_con2 li.first > ul > li{float: left; margin-bottom: 0; vertical-align: text-top; position: relative; overflow: hidden;}
.monthly_magazine .list_con2 li.first > ul > li img{width: 340px; height: 245px; min-width: auto; min-height: auto;}
.monthly_magazine .list_con2 li.first > ul > li:first-child{border-right: 1px solid #e9e9e9; margin-right: 20px;}
.monthly_magazine .list_con2 li.first > ul > li.context1{width: calc(100% - 365px); padding-top: 15px;}
.monthly_magazine .list_con2 li.first > ul > li.context1 dd{text-align: right; padding-top: 20px; padding-right: 15px;}
.monthly_magazine .list_con2 li.first > ul > li.context1 dd h1{font-weight: 600;}
.monthly_magazine .list_con2 li.first > ul > li.context1 dd h2{padding-bottom: 10px;}
.monthly_magazine .list_con2 li.first > ul > li.context1 dd h3{line-height: 20px; max-height: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.monthly_magazine .list_con2 li.first > ul > li.context1 dd p{padding-top:10px; line-height: 22px; max-height: 50px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.monthly_magazine .list_con2 li.mid2{width: 350px; height: 750px;float: left; position: relative; padding: 15px;}
.monthly_magazine .list_con2 li.mid2 >ul > li dd p{line-height: 26px; max-height: 310px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 11; -webkit-box-orient: vertical; padding-top: 20px;}
.monthly_magazine .list_con2 li.mid{width: 352px; height: 490px; float: left; position: relative; padding: 15px;}
.monthly_magazine .list_con2 li.mid > ul > li img.left{width: 310px; height: 230px;}
.monthly_magazine .list_con2 li.mid2 > ul > li img.right{width: 320px; height: 190px;}
.monthly_magazine .list_con2 li.violet{background:url(/images/web/violet_bg.png) no-repeat top; background-color: #504cac;}
.monthly_magazine .list_con2 li.violet > ul > li{background-color: transparent; color: #fff;}
.monthly_magazine .list_con2 li.violet > ul > li .list{ overflow: hidden;}
.monthly_magazine .list_con2 li.violet > ul > li .list li{background-color: transparent; color: #fff;}
.monthly_magazine .list_con2 li.violet > ul > li .list li a{color: #fff;}
.monthly_magazine .list_con2 li.violet > ul > li .list li dt,
.monthly_magazine .list_con2 li.violet > ul > li .list li a dl{display: inline-block;}
.monthly_magazine .list_con2 li.violet > ul > li .list li dt{background-color: #431b9e; color: #baa2ef; font-size: 26px; border-radius: 20%; width: 45px; height: 45px; text-align: center; padding-top: 8px;}
.monthly_magazine .list_con2 li.violet > ul > li .list li a dl{padding-left: 10px; padding-right: 10px; width: 275px; vertical-align: middle; line-height: 20px;}
.monthly_magazine .list_con2 li.violet > ul > li .list li a dl:hover{ text-decoration: underline;}

.monthly_magazine .list_con2 li.third{width: 100%; clear: both; position: relative; margin-bottom: 0;}
.monthly_magazine .list_con2 li.third > ul{padding: 15px;}
.monthly_magazine .list_con2 li.third .news{position: relative; overflow: hidden;}
.monthly_magazine .list_con2 li.third .news li{float: left; position: relative; margin-top: 10px; margin-right: 10px; width: 24%; padding-bottom: 15px;}
.monthly_magazine .list_con2 li.third .news li:last-child{margin-right: 0;}
.monthly_magazine .list_con2 li.third .news li a > span{position: absolute; z-index: 5; right: 15px; top: 2px; font-weight: 600; font-size: 20px; color: #df896a;}
.monthly_magazine .list_con2 li.third .news li a > div{height: 160px; margin-top: 15px; margin-right: 5px; padding: 25px 15px 0 15px; background-color: #fcf4f1; border:1px solid #e6cbc1; box-shadow: 3px 3px #eee;}
.monthly_magazine .list_con2 li.third .news li a > div > h4{font-family: 'Noto Sans KR', sans-serif;  letter-spacing: -0.05em; font-size: 16px; font-weight: 600; line-height: 20px; color: #333; max-height: 40px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.monthly_magazine .list_con2 li.third .news li a > div > p{line-height: 20px; font-size: 14px; padding-top: 15px; max-height: 75px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.monthly_magazine .list_con2 li dt h1{font-size: 28px; padding-top: 10px; font-family: 'Noto Sans KR', sans-serif;}
.monthly_magazine .list_con2 li dt h1 span.color1{color: #1aa5e6;}
.monthly_magazine .list_con2 li dt h1 span.color1:before{content: ''; height: 3px; width: 45px; background-color: #1aa5e6; position: absolute; top: 18px; left: 0;}
.monthly_magazine .list_con2 li dt h1 span.color2{color: #d122b6;}
.monthly_magazine .list_con2 li dt h1 span.color2:before{content: ''; height: 3px; width: 45px; background-color: #d122b6; position: absolute; top: 18px; left: 15px;}
.monthly_magazine .list_con2 li dt h1 span.color3{color: #fff225;}
.monthly_magazine .list_con2 li dt h1 span.color3:before{content: ''; height: 3px; width: 45px; background-color: #fff225; position: absolute; top: 18px; left: 15px;}
.monthly_magazine .list_con2 li dt h1 span.color4{color: #00a078;}
.monthly_magazine .list_con2 li dt h1 span.color4:before{content: ''; height: 3px; width: 45px; background-color: #00a078; position: absolute; top: 18px; left: 15px;}
.monthly_magazine .list_con2 li dt h1 span.color5{color: #fc5318;}
.monthly_magazine .list_con2 li dt h1 span.color5:before{content: ''; height: 3px; width: 45px; background-color: #fc5318; position: absolute; top: 18px; left: 15px;}

.monthly_magazine .list_con2 button{border: 1px solid #666; text-align: center; padding: 8px 15px; color: #666; font-size: 15px; position: absolute; font-family: 'Noto Sans KR', sans-serif;}
.monthly_magazine .list_con2 button.more1{top: 20px; right: 15px;}
.monthly_magazine .list_con2 button.more2,
.monthly_magazine .list_con2 button.more3{bottom:25px; left: 25%; transform: translateX(50%);}
.monthly_magazine .list_con2 button.more3{color: #fff; border:1px solid #fff;}

.monthly_magazine .list_con2 .indexlist{padding:15px; overflow: hidden;}
.monthly_magazine .list_con2 .indexlist > li{border-bottom: 1px solid #999; padding:30px 25px;margin: 0;} 
.monthly_magazine .list_con2 .indexlist > li:nth-child(even){background-color: #f7f7f7; }
.monthly_magazine .list_con2 .indexlist > li:last-child{border-bottom: none;}
.monthly_magazine .list_con2 .indexlist > li > h2{font-size: 26px; font-weight: 600; line-height: 20px; padding-bottom: 15px;}
.monthly_magazine .list_con2 .indexlist > li > dt{font-family: 'Noto Sans KR', sans-serif; padding-left: 15px; font-size: 18px; color: #666; padding-bottom: 5px;}
.monthly_magazine .list_con2 .indexlist > li > dt:before{content: ''; color: #000; width:7px; height: 7px; margin-top: 10px; margin-right: 8px; background-color: #333; float: left; border-radius: 50%;}
.monthly_magazine .list_con2 .indexlist > li > dt a{font-size: 18px; color: #666; }
.monthly_magazine .list_con2 .indexlist > li > dt a:hover{text-decoration: underline; color: #0076d5;}
.monthly_magazine .list_con2 .indexlist > li > dl{padding-left: 30px; font-size: 16px; padding-bottom: 3px; }
.monthly_magazine .list_con2 .indexlist > li > dl:before{content: ''; width:5px; height: 3px; margin-top: 10px; margin-right: 8px; background-color: #999; float: left;}
.monthly_magazine .list_con2 .indexlist > li > dl a{font-size: 16px; color: #aaaaaa;}
.monthly_magazine .list_con2 .indexlist > li > dl a:hover{ color: #0076d5;}

.monthly_magazine .list_con2 .indexlist > li > h2.border1,
.monthly_magazine .list_con2 .indexlist > li > h2.border2,
.monthly_magazine .list_con2 .indexlist > li > h2.border3,
.monthly_magazine .list_con2 .indexlist > li > h2.border4,
.monthly_magazine .list_con2 .indexlist > li > h2.border5{color: #333;}

.monthly_magazine .detail_header {padding: 15px;}
.monthly_magazine .detail_header .sub_cata{overflow: hidden;}
.monthly_magazine .detail_header .sub_cata li{position: relative; padding-left: 10px;}
.monthly_magazine .detail_header .sub_cata li:before{content: ''; width: 5px; height: 1px; background-color: #333; position: absolute; top: 12px; left: 0; }
.monthly_magazine .detail_header .tag_cata{overflow: hidden;}
.monthly_magazine .detail_header .tag_cata li{border: 1px solid #999; font-size: 22px; font-family: 'Noto Sans KR', sans-serif; display: inline-block; margin-right: 38px; padding: 15px 40px 10px 40px; margin-bottom: 15px;}
.monthly_magazine .detail_header .tag_cata li:hover{border:1px solid #333;}
.monthly_magazine .detail_header .tag_cata li a{ font-size: 22px; font-family: 'Noto Sans KR', sans-serif; position: relative; display: block;}
.monthly_magazine .detail_header .tag_cata li a:before{ position: absolute; width: 40px; height: 2px;  margin-top: -3px;}
.monthly_magazine .detail_header .tag_cata li a.color1{color: #1aa5e6;}
.monthly_magazine .detail_header .tag_cata li a.color1:before{content: ''; background-color: #1aa5e6;}
.monthly_magazine .detail_header .tag_cata li a.color2{color: #d122b6;}
.monthly_magazine .detail_header .tag_cata li a.color2:before{content: ''; background-color: #d122b6;}
.monthly_magazine .detail_header .tag_cata li a.color3{color: #431b9f;}
.monthly_magazine .detail_header .tag_cata li a.color3:before{content: ''; background-color: #431b9f;}
.monthly_magazine .detail_header .tag_cata li a.color4{color: #00a078;}
.monthly_magazine .detail_header .tag_cata li a.color4:before{content: ''; background-color: #00a078;}
.monthly_magazine .detail_header .tag_cata li a.color5{color: #fc5318;}
.monthly_magazine .detail_header .tag_cata li a.color5:before{content: ''; background-color: #fc5318;}
.monthly_magazine .detail_header > li > h5{font-weight: 600; font-size: 18px; font-family: 'Noto Sans KR', sans-serif;}
.monthly_magazine .detail_header > li .active{color: #0076d5;}

.monthly_magazine .list_con{margin-top: 35px; overflow: hidden; position: relative;}
.monthly_magazine .list_con li{border: 1px solid #ececec; padding: 15px; margin-bottom: 15px; overflow: hidden;}
.monthly_magazine .list_con li:nth-child(even){background-color: #fafafa;}
.monthly_magazine .list_con li > img{vertical-align:top; float: left;}
.monthly_magazine .list_con li > .r_img{float: right;}
.monthly_magazine .list_con li > ul{ float: left; margin-left: 30px;}
.monthly_magazine .list_con li > ul > li{padding: 0 10px; margin-bottom: 5px; border: none;}
.monthly_magazine .list_con li > ul > li:nth-child(even){background-color: transparent;}
.monthly_magazine .list_con li > ul > li a:hover{color: #0081e8;}
.monthly_magazine .list_con li > ul > li.ttl{font-size: 20px; font-weight: 600; margin-bottom: 15px;}

.monthly_magazine .detail_top{background-color: #fafafa; text-align: center; padding: 35px 0; border-bottom: 1px solid #cdcdcd;}
.monthly_magazine .detail_top h1{font-size: 28px; font-weight: 600; padding-bottom: 15px;}
.monthly_magazine .detail_con{padding: 40px 15px;}
.monthly_magazine .detail_con p > span {font-family: '맑은고딕', malgun; font-size:12px;}
.monthly_magazine .detail_con em ,
.monthly_magazine .detail_con i{font-style: italic;}
.monthly_magazine .detail_con img{width:auto !important; height:auto !important; max-width:100%; max-height:100%;}
.monthly_magazine .detail_con li{line-height: 1.8em;}
.monthly_magazine .detail_con .detail_img{text-align: center; padding-bottom: 25px;}
.monthly_magazine .detail_con .detail_ttl{font-weight: 600; font-size: 18px; color: #0081e8;}
/*
.monthly_magazine .detail_footer{background-color: #fafafa; padding: 15px;}
.monthly_magazine .detail_footer h3{font-weight: 600; display: inline-block;}
.monthly_magazine .detail_footer a{margin-right: 6px; margin-left: 3px;}
.monthly_magazine .detail_footer .small14{font-size: 14px;}
.monthly_magazine .detail_footer .active{color: #0081e8; font-weight: 600;}
.monthly_magazine .detail_footer .tag_cata{overflow: hidden;}
.monthly_magazine .detail_footer .tag_cata li{border: 1px solid #000; display: inline-block; margin-right: 15px; padding: 5px 10px; margin-bottom: 15px;}
.monthly_magazine .detail_footer .tag_cata li:hover{border:1px solid #0081e8;}
.monthly_magazine .detail_footer .tag_cata li a:hover{color:#0081e8;}
*/

/*저작물이용신청*/
.copywrite{border-top: 1px solid #000; overflow: hidden; padding-top: 50px;}
.copywrite .step_comf{overflow: hidden;}
.copywrite .step_comf li{float: left; width: 25%; position: relative;}
.copywrite .step_comf li dd dl:after{content: ''; background: url(/images/web/line_arrow.png) no-repeat; width: 40px; height: 40px; position: absolute; right:-20px; top: 55px;}
.copywrite .step_comf li dd dl:before{content: ''; background-color: #b2b2b2; width: 1px; height: 150px; top: 0; right: 0; position: absolute;}
.copywrite .step_comf li dd dl.last:before{width: 0px;}
.copywrite .step_comf li dd dl.last:after{width: 0px;}
.copywrite .step_comf li dd dl{text-align: center; padding: 20px 0; height: 180px; vertical-align: middle;}
.copywrite .step_comf li dt{background-color: #333; border-radius: 25px; margin:0 auto; width: 180px; padding: 7px 0; display: block; color:#fff; text-align: center;}

.method{width: 1080px; margin: 60px auto; background-color: #f7f7f7; overflow: hidden; position: relative; padding: 25px;}
.method .ttl_round{background-color: #333; color: #fff; text-align: center; width: 65px; height: 65px; border-radius: 50%; font-size: 20px; padding-top: 20px;}
.method h2.ttl1{font-size: 22px; font-weight: bold; padding-top: 35px;}
.method p.m_cont{padding-top: 10px; line-height: 23px;}
.method .btn_box{position: absolute; right: 25px;}
.method .m_box{overflow: hidden; padding-top: 30px;}
.method .m_box li{width: 22%; margin-right: 25px; float: left; border:1px solid #7c7c7c; padding: 25px 20px; height: 215px; background: url(/images/web/icon_method.png) no-repeat 50% 15%;}
.method .m_box li:last-child{margin-right: 0;}
.method .m_box li p{margin-top: 80px; font-weight: 600; line-height: 22px; text-align: center; height: 55px;}
.method .m_box li .btn{ position: relative; }

/*회원/저작물*/
.s_writer{width: 100%; margin:5px 30px; padding:30px 20px; background-color: #f7f7f7;}
.s_writer > li{list-style: decimal; margin-left: 15px;}

/*서브공통*/
.board_title_box {overflow: hidden;}
.board_title_box h3 {}
h3.h3 {position: relative; margin-bottom: 10px; padding-left: 22px; font-size: 20px; font-weight: 600;}
h3.h3:after {content: ''; position: absolute; left: 0; top: 5px; width: 6px; height: 6px; border: 4px solid #0070e3;}
h3.Dept {margin-bottom: 10px; font-size: 28px;}
.num {padding-left: 16px;}
.num > li {list-style: decimal;}
.hangul {padding-left: 22px;}
.hangul > li {list-style: hangul;}

/*조직도*/
.organization_area {text-align: center;}
.organization_area .box1 {margin-bottom: 5px; color: #fff;}
.organization_area .box1 .director {display: inline-block; padding-top: 65px; width: 210px; height: 206px; background: url('/images/web/bg_org.png') 0 0 no-repeat;}
.organization_area .box1 .director h3 {display: inline-block; padding-bottom: 15px; margin-bottom: 15px; font-size: 36px; border-bottom: 1px solid #fff;}
.organization_area .box1 .director .name {font-size: 23px;}
.organization_area .box2 {position: relative; padding: 50px 0; color: #fff;}
.organization_area .box2:before {content: ''; z-index: 10; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: #c3c3c3;}
.organization_area .box2 .director2 {position: relative; z-index: 15; display: inline-block; padding-top: 20px; width: 240px; padding-bottom: 20px; text-align: center; background: #5994c3;}
.organization_area .box2 .director2.green {position: absolute; left: 72px; top: 50px; background: #42a694;}
.organization_area .box2 .director2 h4 {display: inline-block; padding-bottom: 5px; margin-bottom: 5px; font-size: 24px; border-bottom: 1px solid #fff;}
.organization_area .box2 .director2 .name {font-size: 18px;}
.organization_area .box2 .director2 .tel {font-size: 14px;}
.organization_area .box2 > ul {position: relative; overflow: hidden; margin: 50px 0;}
.organization_area .box2 > ul:before {content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: 50%; width: calc(100% - 180px); height: 1px; background: #c3c3c3;}
.organization_area .box2 > ul li {float: left; width: 33.33%;}
.organization_area .box3 {position: relative; overflow: hidden; padding-top: 60px;}
.organization_area .box3:before {content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 83.4%; height: 1px; background: #c3c3c3;}
.organization_area .box3 > li {position: relative; float: left; margin: 0 5px; padding: 20px 5px 0; width: calc(16.66% - 10px); background: #aac6dd;}
.organization_area .box3 > li:before {content: ''; position: absolute; left: 50%; top: -60px; width: 1px; height: 60px; background: #c3c3c3;}
.organization_area .box3 > li h4 {display: inline-block; padding-bottom: 5px; margin-bottom: 15px; font-size: 22px; border-bottom: 1px solid #fff;}
.organization_area .box3 > li > ul {padding: 10px 5px; height: 165px; background: #fff;}
.organization_area .box3 > li > ul li {text-indent: -10px; padding-left: 10px; color: #010101; font-size: 14px; line-height: 24px; text-align: left; word-break: keep-all; letter-spacing: -0.5px;}
.organization_area .box3 > li .d_table {width: 100%; height: 70px;}
.organization_area .box3 > li .d_table .d_cell {font-size: 16px; letter-spacing: -1px; line-height: 24px;}

/*부서별업무*/
.Dept_list {overflow: hidden;}
.Dept_list li {float: left; margin-right: 15px; margin-bottom: 15px; padding: 5px 10px 5px 30px;  min-width: 320px; color: #fff; font-weight: 600; background: #799eb5;}
.tel_num {border: 1px solid #cdcdcd; color: #0081e8; font-size: 18px; font-weight: 600; padding: 12px 15px; position: absolute; right: 0; top: 115px;}

/*주요사업*/
.business_area .business_box {margin-bottom: 80px; text-align: center;}
.business_area .business_box h3 {position: relative; display: inline-block; padding-bottom: 40px;}
.business_area .business_box h3:before {position: absolute; content: ''; width: 1px; height: 40px; bottom: 0; left: 50%; background: #18639c;}
.business_area .business_box h3 span {display: block; width: 190px; color: #fff; font-size: 20px; font-weight: 600; line-height: 50px; border-radius: 5px; background: #18639c;}
.business_area .business_box ul {position: relative; overflow: hidden;}
.business_area .business_box ul:before {position: absolute; content: ''; width: 80%; height: 1px; top: 0; left: 50%; transform: translateX(-50%); background: #18639c;}
.business_area .business_box ul li {position: relative; float: left; display: table; width: 20%; padding: 40px 6px 0;}
.business_area .business_box ul li:before {position: absolute; content: ''; width: 1px; height: 40px; top: 0; left: 50%; background: #18639c;}
.business_area .business_box ul li div {display: table-cell; padding: 10px; width: 100%; height: 100px; color: #fff; line-height: 20px; font-weight: 600; text-align: center; vertical-align: middle; background: #397fc1; word-break: keep-all;}
.business_area h4 {position: relative; padding-left: 12px; font-size: 18px; color: #0081e8; font-weight: 600; padding-top: 20px; padding-bottom: 5px;}
.business_area h4:after {content: ''; position: absolute; left: 0; top: 23px; width: 5px; height: 18px; background: #397fc1;}

/*입회신청*/
.step_box {overflow: hidden; margin-bottom: 90px;}
.step_box li {float: left; width: 20%; text-align: center; background-image: url('/images/web/line_application.png'); background-repeat: repeat-x; background-position: center top 72px;}
.step_box li:first-child {background-position: left 50px top 72px;; background-repeat:no-repeat}
.step_box li:last-child {background-position: right 50px top 72px;; background-repeat:no-repeat}
.step_box li .d_itable {width: 145px; height: 145px;}
.step_box li .d_itable .d_cell {overflow: hidden; width: 100%; height: 100%; background: #a7a7a7; border-radius: 145px;}
.step_box li.on .d_itable .d_cell {background: #0072cd;}
.step_box li p {margin-top: 25px; color: #666; font-size: 22px;}

.application_top {display: table; width: 100%; margin: 0 0 80px;}
.application_top .d_cell {width: 100%; height: 220px; color: #666; font-size: 26px; line-height: 42px; background: #f5f5f5;}
.application_top .d_cell span {color: #000;}
.application_top .info{width: 100%; height: 220px; color: #666; font-size: 18px; line-height: 28px; background: #f5f5f5; padding-top: 65px; text-align: center;}

.application_box .top {overflow: hidden; position: relative; border-bottom: 1px solid #000;}
.application_box .check_all h3 {padding: 8px 0 10px 42px; font-weight: normal; background: url('/images/web/icon_application.png') 3px 0 no-repeat;}
.application_box .check_all p {padding: 0 0 0 42px; font-size: 14px;}
.application_box .top .id {float: right; margin-bottom: 10px;}
.application_box .top .id p {display: inline-block; margin-right: 10px; color: #da1556; line-height: 30px;}
.application_box .top .id button {float: right; width: 95px; height: 30px; color: #fff; background: #da1556;}
.application_box .check_all {position: relative;}
.application_box .check_box {position: absolute; right: 0; top: 0;}
.application_box .check_box input[type=checkbox] + label {display: inline-block; cursor: pointer; position: relative; font-size: 14px; width: 100px; height: 30px; padding-left: 0; line-height: 30px; margin-bottom: 0; top: 0; color: #cecece; text-align: center; border-radius: 3px; background: #828282;}
.application_box .check_box input[type=checkbox] + label:before {display: none}
.application_box .check_box input[type=checkbox]:checked + label {color: #fff; background: #0072cd; border-radius: 3px;}
.application_box .check_box.trust input[type=checkbox]:checked + label:before {display: block; content: '위탁함'; width: 100%; height: 100%; background: #0072cd; border: 0; border-radius: 3px;}
.application_box .check_box.agreement input[type=checkbox]:checked + label:before {display: block; content: '동의함'; width: 100%; height: 100%; background: #0072cd; border: 0; border-radius: 3px;}
.application_box .check_list > li {overflow: hidden; position: relative; padding-top: 35px;}
.application_box .check_list > li.active {border-bottom: 0;}
.application_box .check_list > li .check_box {top: 35px;}
.application_box .check_list > li > a {overflow: hidden; display: block; border-bottom: 1px solid #000;}
.application_box .check_list > li > a h3 {float: left; padding-bottom: 5px; font-size: 18px; font-weight: 600; border-bottom: 2px solid #000;}
.application_box .check_list > li > a span {display: none;}
.application_box .check_list > li > ul {display: none; overflow-y: auto; margin-top: 20px; padding: 25px; height: 350px; border: 1px solid #ddd; background: #fbfbfb;}
.application_box .check_list > li > ul li {color: #666; font-family: 'Dotum';}
.application_box .check_list > li.point > a {border-bottom: 1px solid #0059a0;}
.application_box .check_list > li.point > a h3 {color: #0059a0; border-bottom: 2px solid #0059a0;}
.application_box .check_list > li.point > ul {border: 1px solid #3888c8;}
.application_box .btn_box {margin-top: 80px;}
.application_box .btn_box button {margin: 0 5px;}
.application_box .certification_list {overflow: hidden; width: 1000px; margin: 80px auto 0;}
.application_box .certification_list li {position: relative; float: left; margin: 0 40px; padding-top: 70px; width: 420px; height: 440px; text-align: center; border: 1px solid #eaeaea; background-repeat: no-repeat;}
.application_box .certification_list li h4 {margin-bottom: 30px; font-size: 28px;}
.application_box .certification_list li p {}
.application_box .certification_list li button {position: absolute; bottom: 40px; left: calc(50% - 110px); width: 220px; height: 55px; color: #fff; font-size: 22px;}
.application_box .certification_list li:hover {background-color: #f9f9f9; border: 1px solid #0077d5;}
.application_box .certification_list li.phon {background-image: url('/images/web/application_phon.png'); background-position: center 190px;}
.application_box .certification_list li.ipin {background-image: url('/images/web/application_ipin.png'); background-position: center 196px;}
.application_box .title_box {margin-bottom: 50px; text-align: center;}
.application_box .title_box h3 {display: inline-block; font-size: 28px;}
.application_box .boardwrite h4 {margin-bottom: 10px; font-size: 20px;}
.application_box .finish_box {padding-top: 100px; height: 370px; color: #666; font-size: 26px; text-align: center; background: url('/images/web/bg_application.jpg') 0 0 no-repeat #f5f5f5; background-size: cover;}
.application_box .finish_box h3 {margin-bottom: 60px; font-weight: 600; font-size: 30px;}
.application_box .finish_box p {line-height: 42px;}

.application_box .print_box{ overflow: hidden; width: 870px; margin: 0 auto;}
.application_box .print_box li{float: left; width: 30%; text-align: center; margin-right: 20px;}
.application_box .print_box li:last-child{margin-right: 0;}
.application_box .print_box li .img{overflow: hidden; }
.application_box .print_box li .img span{display: block; width: 100%; margin: 10px auto;}
.application_box .print_box li a{border-radius: 50px; width: 60px; height: 60px; display: inline-block; background-color: #333; color: #fff; padding-top: 16px;}
.application_box .print_box li a.blue{background-color: #0081e8;}
.application_box .print_box li a.green{background-color: #539018;}
.application_box .print_box li p{margin-bottom: 15px; font-weight: 600;}

/*입회신청 출력*/
.print_space{border:1px solid #ececec; padding: 15px 10px;}

/*입회비 납부*/
.bank_info {margin: 30px 0 70px; text-align: center;}
.bank_info .bank {margin-top: 20px;}
.bank_info .bank img {display: inline-block;}
.bank_info .bank .num {position: relative; display: inline-block; top: 3px; margin-left: 25px; color: #757575; font-size: 20px; font-weight: 600;}
.no_period {padding: 210px 0 110px; color: #666; font-size: 24px; text-align: center; word-break: keep-all; border-top: 1px solid #000; background: url('/images/web/icon_info.png') center 105px no-repeat; }

/*입회절차*/
.info_step{position: relative; overflow: hidden; background: #fafafa; padding:20px 30px;}
.info_step li{overflow: hidden; border-bottom:1px solid #ececec; padding-top: 10px; padding-bottom: 5px;}
.info_step li:last-child{border-bottom:none;}
.info_step li > ul > li{float: left; border-bottom: none;}
.info_step li > ul > li.space1{width: 10%;}
.info_step li > ul > li.space2{width: 16%; text-align: center; font-size: 18px; padding-top: 35px;}
.info_step li > ul > li.space3{width: 70%;}
.info_step li .d_itable{width: 80px; height: 80px; margin-left: 15px;}
.info_step li .d_cell{overflow: hidden; width: 100%; height: 100%; background-color: #327fce; border-radius: 5px;}
.info_step li .d_cell span{color: #ffff; font-weight: 600; display: block; font-size: 20px;}

/*입회원서작성안내*/
.paper_step{position: relative; overflow: hidden; padding:50px 10px;}
.paper_step > li > h3{border-left: 5px solid #327fce; padding-left: 8px; font-size: 18px; margin-bottom: 10px; font-weight: 600;}
.paper_step > li > dl,
.paper_step > li > .border_box > dl{padding-left: 8px; padding-top: 5px; line-height: 28px;}
.paper_step > li > .border_box > dl .left{display: inline-block; width: 70px;}
.paper_step > li > .border_box > dl .right{display: inline-block;padding-left: 5px;}
.paper_step > li > dl:before,
.paper_step > li > .border_box > dl:before{content: ""; display: inline-block; padding-right: 5px;}
.paper_step > li > dl.space:before{content: ""; padding-right: 18px;}
.paper_step > li > dt,
.paper_step > li > .border_box > dt {padding-top: 5px; font-size: 16px; font-weight: 600; color: #327fce;}
.paper_step > li > dd{padding-left: 8px; padding-top: 5px;}
.paper_step > li > dd a,
.paper_step > li > .border_box dl a{text-decoration: underline; color: #327fce;}
.paper_step > li > dd span.colorbg{background-color: #fce523;}
.paper_step > li .border_box{border:1px solid #eee; padding:15px; margin-top: 15px; overflow: hidden;}


/*마이페이지 리조트*/
.calendar_notice {margin-bottom: 60px; padding: 20px 20px 20px 100px; font-size: 14px; line-height: 24px; background: url('/images/web/icon_notice.png') 30px center no-repeat; border: 1px solid #000; -moz-box-shadow: 0px 4px 0px 0px #dfdfdf; -webkit-box-shadow: 0px 4px 0px 0px #dfdfdf; box-shadow: 0px 4px 0px 0px #dfdfdf; }
.calendar_box .title {display: block; margin-bottom: 30px; text-align: center;}
.calendar_box .title button {display: inline-block; width: 35px; height: 35px; border: 1px solid #ececec; background-repeat: no-repeat; background-position: center center;}
.calendar_box .title button.prev {background-image: url('/images/web/arrow_prev4.png');}
.calendar_box .title button.next {background-image: url('/images/web/arrow_next4.png');}
.calendar_box .title h3 {position: relative; display: inline-block; top: 4px; margin: 0 20px; color: #040404; font-size: 30px; font-family: 'Verdana'; font-weight: 600;}
.calendar_box .calendar_list {overflow: hidden; display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap; border: 1px solid #ececec; border-bottom: 0;}
.calendar_box .calendar_list > li {float: left; width: 14.3%; min-height: 125px; height: auto; color: #040404; font-weight: 600; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec;}
.calendar_box .calendar_list > li span {display: block; margin: 2px; width: 35px; height: 35px; font-size: 14px; line-height: 35px; text-align: center;}
.calendar_box .calendar_list > li:nth-child(7n-6) {color: #ed1c24;}
.calendar_box .calendar_list > li:nth-child(7n) {width: 14.2%; color: #0000ff; border-right: 0;}
.calendar_box .calendar_list > li.hd {height: 40px; font-size: 15px; text-align: center; line-height: 40px;}
.calendar_box .calendar_list > li.holiday span {width: calc(100% - 10px); color: #ed1c24; text-align: left;}
.calendar_box .calendar_list > li.holiday span em {font-style: normal;}
.calendar_box .calendar_list > li.today span {color: #fff; background: #3570d1; border-radius: 35px;}
.calendar_box .calendar_list li .resort_list {overflow: hidden; padding: 0 3px;}
.calendar_box .calendar_list li .resort_list li {float: left; width: 100%; padding: 2px;}
.calendar_box .calendar_list li .resort_list li a {display: block;}
.calendar_box .calendar_list li .resort_list li a dl {overflow: hidden; height: 42px; padding: 1px;}
.calendar_box .calendar_list li .resort_list li a dl dt {float: left; width: 35px; height: 100%; background-color: #fff; background-repeat: no-repeat; background-position: center center;}
.calendar_box .calendar_list li .resort_list li a dl dd {float: left; width: calc(100% - 35px); color: #fff; text-align: center; font-size: 13px; line-height: 20px; font-weight: 400;}
.calendar_box .calendar_list li .resort_list li a dl dd.txt{display: block; background-color: #333; color: #bebebe; text-align: center; font-size: 12px; line-height: 14px; padding: 3px 0;}
.calendar_box .calendar_list li .resort_list li a dl dt.daemyung {background-image: url('/images/web/logo_daemyung.png');}
.calendar_box .calendar_list li .resort_list li a dl dt.oakvalley {background-image: url('/images/web/logo_oakvalley.png');}
.calendar_box .calendar_list li .resort_list li a dl dt.resom {background-image: url('/images/web/logo_resom.png');}
.calendar_box .calendar_list li .resort_list li a dl dt.haevichi {background-image: url('/images/web/logo_haevichi.png');}
.calendar_box .calendar_list li .resort_list li a dl dt.hanwha {background-image: url('/images/web/logo_hanwha.png');}
.calendar_box .calendar_list li .resort_list li a dl.end {color: #efefef; background: #999;}
.calendar_box .calendar_list li .resort_list li a dl.ing {color: #fdfdfd; background: #4ea414;}

/*활성화안되었을때*/
.calendar_box .calendar_list li .resort_list li > dl {overflow: hidden; height: 35px; padding: 1px;}
.calendar_box .calendar_list li .resort_list li > dl dt {float: left; width: 35px; height: 100%; background-color: #fff; background-repeat: no-repeat; background-position: center center;}
.calendar_box .calendar_list li .resort_list li > dl dd {float: left; width: calc(100% - 35px); text-align: center; font-size: 12px; line-height: 33px; font-weight: 400;}
.calendar_box .calendar_list li .resort_list li > dl dt.daemyung {background-image: url('/images/web/logo_daemyung.png');}
.calendar_box .calendar_list li .resort_list li > dl dt.oakvalley {background-image: url('/images/web/logo_oakvalley.png');}
.calendar_box .calendar_list li .resort_list li > dl dt.resom {background-image: url('/images/web/logo_resom.png');}
.calendar_box .calendar_list li .resort_list li > dl dt.haevichi {background-image: url('/images/web/logo_haevichi.png');}
.calendar_box .calendar_list li .resort_list li > dl dt.hanwha {background-image: url('/images/web/logo_hanwha.png');}
.calendar_box .calendar_list li .resort_list li > dl.end {color: #efefef; background: #999999;}
.calendar_box .calendar_list li .resort_list li > dl.ing {color: #fdfdfd; background: #4ea414;}

.boardlist .notice_small{font-size: 15px; font-weight: 600; text-align: left; line-height: 18px; padding-top: 15px;}

/*마이페이지*/
.boardwrite .account th .tag1{font-size: 12px; color: #fff; background-color: #0081e8; padding: 6px 8px; vertical-align: top;}
.boardwrite .account th .tag2{font-size: 12px; color: #fff; background-color: #9e9e9e; padding: 6px 8px; vertical-align: top;}

.radio_inline{display: inline-block;}

/*마이페이지_집필리스트*/
.write_notice {margin-bottom: 60px; padding: 20px 20px 20px 100px; font-size: 14px; line-height: 24px; background: url('/images/web/icon_write.png') 30px center no-repeat; border: 1px solid #000; -moz-box-shadow: 0px 4px 0px 0px #dfdfdf; -webkit-box-shadow: 0px 4px 0px 0px #dfdfdf; box-shadow: 0px 4px 0px 0px #dfdfdf; }
.text_clear{clear: both; padding-top: 8px;}
.text_inline{display: inline-block; padding-left: 14px;}

/*마이페이지_저작권신탁증서*/
.print_paper {clear:both; overflow:hidden; margin: 0 auto; border-top: 1px solid #000; width: 100%; border-bottom: 1px solid #cecece;}
.print_paper .info{padding: 40px 0 0 0; text-align: center; line-height: 28px;}
.print_paper .paper_box{width: 60%; border:1px solid #ececec; margin: 50px auto 80px auto; background: url(/images/web/print_logo.png) no-repeat 50% 55%; padding: 0 20px; position: relative; overflow: hidden;}
.print_paper .paper_box li{padding: 15px 0;}
.print_paper .paper_box li h1{font-size: 38px; line-height: 60px;}
.print_paper .paper_box li .date{overflow: hidden; text-align: right; width: 100%;}
.print_paper .paper_box li .date dt,
.print_paper .paper_box li .date dl{display: inline-block;}
.print_paper .paper_box li .date dt{width: 100px;}
.print_paper .paper_box li .date dl{width: 200px; padding-left: 15px; text-align: left;}
.print_paper .paper_box li .date dl span,
.print_paper .paper_box li span{font-weight: 700;}
.print_paper .paper_box li.mid{font-size: 18px; padding: 160px 0;}
.print_paper .paper_box li.signature{ background: url(/images/web/img_sign.png) no-repeat 80%; padding: 40px 0; margin-top: 80px;}

/*입회_개인정보 활용동의서*/
.top_info{ padding-bottom: 20px; }
.print_paper .paper_box1{padding-top: 50px; margin: 0 auto; width: 900px;}
.print_paper .paper_box1 li{padding: 15px 0;}
.print_paper .paper_box1 li h2{padding-bottom: 20px; font-size: 2em;}
.print_paper .paper_box1 li h4{font-weight: 600;}
.print_paper .paper_box1 li h4:before{content: "■" ; padding-right: 5px;}
.print_paper .paper_box1 li.mid1{font-size: 1.1em; line-height: 22px; padding-top: 20px;}
.print_paper .paper_box1 li.down{font-size: 14px;}
.print_paper .paper_box1 li.center{text-align: center; font-size: 16px;}
.print_paper .paper_box1 li .date dt,
.print_paper .paper_box1 li .date dl{display: inline-block; font-size: 14px;}
.print_paper .paper_box1 li .date dt{width: 80px;}
.print_paper .paper_box1 li .date dl{width: 300px; padding-right: 5px; text-align:right;}
.print_paper .paper_box1 li .date dl span{width: 50px; display: inline-block;}
.print_table1 table {width:100%; table-layout:fixed; border-top:1px solid #cecece;}
.print_table1 table thead th {position: relative; padding:8px 5px; font-size: 14px; font-weight: 600; text-align: center; line-height: 18px; border-bottom: 1px solid #cecece; background: #fafafa;}
.print_table1 table tbody tr {border-bottom:1px solid #cecece;}
.print_table1 table tbody td {position: relative; padding:5px; text-align:center; font-size: 14px; line-height: 16px; word-break: break-all; text-align: left;}
.print_table1 table th,
.print_table1 table td {border-right: 1px solid #dcdcdc; border-left:1px solid #cecece;}
.print_table1 table td.agree{ font-weight: 600; border-top:1px solid #fff; text-align: center;}

/*통합검색*/
.search_ttl{font-size: 20px;}
.border_line{border-bottom: 1px solid #000; width: 100%;}
.search_tb table tr td{text-align: left !important; line-height: 26px;}
.search_tb table tr td a{text-decoration: underline; font-size: 14px;}
.search_tb table tr td .space_r{padding-right: 25px;}
.search_tb table tr td .space_l{padding-left: 25px;}
.search_tb table tr td .wgray{color: #999;}

/*로그인*/
.login_area {margin: 0 auto; width: 410px; color: #010101; font-size: 14px;}
.login_area input.txt {padding: 0 10px; height: 40px; border: 1px solid #cecece;}
.login_area select {padding: 0 10px; width: 100%; height: 40px; border: 1px solid #cecece; background: url('/images/web/icon_arrow.png') right 10px center no-repeat #fff;}
.login_area .login {padding: 0 10px;}
.login_area fieldset {padding-bottom: 30px; margin-bottom: 15px; border-bottom: 1px solid #000;}
.login_area fieldset.box1 input.txt {margin-bottom: 10px;}
.login_area button.log {width: 100%; height: 50px; color: #fff; font-size: 18px;}
.login_area .login .log_find {margin-top: 10px; text-align: center;}
.login_area .login .log_find li {display: inline-block; font-size: 14px;}
.login_area .login .log_find li a {display: block; font-size: 14px;}
.login_area .login .log_find li span {margin: 0 5px;}

/*아이디 비밀번호 찾기*/
.login_area .tab_contents {padding: 15px 10px;}
.login_area .tab_contents .find_area {margin-bottom: 40px;}
.login_area .tab_contents .find_area > li {border-bottom: 1px solid #cecece;}
.login_area .tab_contents .find_area > li a {display: block; padding: 20px 0 20px 22px; background-position: 0 20px; color: #999; font-size: 14px; line-height: 18px; background-repeat: no-repeat; background-image: url('/images/web/icon_radio_off.png');}
.login_area .tab_contents .find_area > li.active a {color: #010101; background-image: url('/images/web/icon_radio_on.png');}
.login_area .tab_contents .find_area > li a > span {display: none;}
.login_area .tab_contents .find_area > li > ul {display: none; margin: 0 0 20px;}
.login_area .tab_contents .find_area > li > ul.none {margin: 0;}
.login_area .tab_contents .find_area > li > ul > li > p {padding: 0 50px; margin-bottom: 20px; text-align: center; line-height: 18px; word-break: keep-all;}

.login_area .tab_contents .contents table {overflow: hidden; table-layout: fixed; width: 100%;}
.login_area .tab_contents .contents table th {padding: 5px 0; color: #4d4d4d; font-size: 14px; text-align: left; font-weight: 400; line-height: 18px;}
.login_area .tab_contents .contents table td {padding: 5px 0;}
.login_area .tab_contents .contents table td input.txt {}
.login_area .tab_contents .contents table td select {}
.login_area .tab_contents .contents table td.tel select {margin-right: 5px; width: 90px;}
.login_area .tab_contents .contents table td.tel input.txt {width: calc(100% - 100px);}

.login_area .tab_contents .find_area2 {margin-bottom: 40px; border-bottom: 1px solid #cecece;}
.login_area .tab_contents .find_area2 > p {margin: 10px 0; text-align: center;}
.login_area .tab_contents .find_area2 > h4 {margin-top: 25px;}
.login_area .tab_contents .find_area2 > .find_box {padding: 25px 0; text-align: center; border-bottom: 1px solid #cecece}
.login_area .tab_contents .find_area2 > .find_box:last-child {border-bottom: 0}
.login_area .tab_contents .find_area2 > .find_box .id {color: #000; font-size: 18px;}
.login_area .tab_contents .find_area2 > .find_box .date {color: #4d4d4d;}
.login_area .tab_contents .find_area2 > .find_box button {display: block; margin: 10px auto 0; width: 160px; height: 35px; font-size: 14px; font-family: 'nsB';}
.login_area .tab_contents .find_area2 > .contents .box {padding: 10px; max-height: 180px; overflow-y: auto; color: #000; font-size: 12px; font-family: 'Dotum'; line-height: 15px; border: 1px solid #cecece;}
.login_area .tab_contents .find_area2 > .contents.email input.txt {width: 180px;}
.login_area .tab_contents .find_area2 > .contents.email select {width: calc(100% - 211px);}
.login_area .tab_contents .find_area2 > .contents.email .text {margin: 0 5px;}

.login_area .tab_contents .find_area2 > .contents button {width: 160px; height: 35px; font-size: 14px; font-family: 'nsB'}
.login_area .tab_contents .find_area2 > .contents .byte {color: #999; font-size: 12px; font-family: 'Dotum';}
.login_area .tab_contents .find_area2 > .contents .list {}
.login_area .tab_contents .find_area2 .check_box input[type=checkbox] + label {color: #444; font-size: 14px;}
.login_area .tab_contents .find_area3 {margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid #cecece;}
.login_area .tab_contents .find_area3 p {padding: 20px 0; text-align: center; line-height: 18px;}
.login_area .tab_contents .find_area3 input.txt {margin-bottom: 10px;}
.login_area .tab_contents .find_area3 .box {padding: 10px; max-height: 180px; overflow-y: auto; color: #000; font-size: 12px; font-family: 'Dotum'; line-height: 15px; border: 1px solid #cecece;}

/*로그인탭메뉴*/
.login_area .tab_box {overflow: hidden;}
.login_area .tab_box li {overflow: hidden; float: left; width: 50%; }
.login_area .tab_box li a {display: block; padding: 10px 0 8px; text-align: center; font-size: 14px; border-bottom: 1px solid #000;}
.login_area .tab_box li.active a {padding: 8px 0; border: 1px solid #000; border-top: 3px solid #000; border-bottom: 0; }

.boardwrite .personal{padding-top: 18px; font-size: 14px;}
.boardwrite .personal p{padding-bottom: 8px;}

/*회원공간*/
.boardwrite .account td.content .disc{list-style: none; padding: 0; margin: 0;}
.boardwrite .account td.content .disc li{display: block; line-height: 30px;}
.boardwrite .account td.content .disc li.disc{ position: relative; padding-left: 15px; padding-right: 60px;}
.boardwrite .account td.content .disc li.ttl{font-weight: 600; padding-top: 15px;}
.boardwrite .account td.content .disc li.disc:before{content: ""; background: url(/images/web/info_disc.png) no-repeat 0 50%; color: #333; width: 5px; height: 5px; position: absolute; left: 3px; top: 25px;}
.boardwrite .account td.content .disc li.nodisc{ padding-left: 15px; }
.boardwrite .account td.content .num{list-style: disc; padding-right: 40px;}
.boardwrite .account td.content .num li{line-height: 30px; margin-left: 20px; line-height: 24px; padding-bottom: 8px;}
.boardwrite .account td.content .num li span{text-decoration: underline;}
.boardwrite .account td.content .num li span.point_r{text-decoration: none; color: #e42323; font-weight: bold;}
.boardwrite .account td.content .disc > .resortspace{overflow: hidden; padding: 20px 60px;}
.boardwrite .account td.content .disc > .resortspace li{float: left; width: 30%; height: 280px; border: 1px solid #eee; margin-right: 15px; margin-bottom: 15px; padding: 20px 10px; text-align: center;}
.boardwrite .account td.content .disc > .resortspace li img{border: 1px solid #eee; max-width: 100%;}
.boardwrite .account td.content .disc > .resortspace li p{font-size: 13px; line-height: 1.6em;}
.boardwrite .account td.content .disc > .resortspace li h3{padding-top: 10px; font-weight: 600;}

.boardwrite .account td.content li > .resorttb{width: 100%;}
.boardwrite .account td.content li > .resorttb thead tr th{padding: 5px 10px; font-size: 14px; border-top: 1px solid #ececec;}
.boardwrite .account td.content li > .resorttb thead tr,
.boardwrite .account td.content li > .resorttb tbody tr{border-right: 1px solid #ececec; border-left: 1px solid #ececec;}
.boardwrite .account td.content li > .resorttb tbody tr td{text-align: center; border-right:1px solid #ececec; padding:8px 0;}


/*협회소개*/
.con_space {clear:both; overflow:hidden; width: 100%; padding-top: 25px; border-top: 1px solid #000;}
.con_space table td a img{width: 100%; height: auto;}

.tel_info{overflow: hidden;}
.tel_info li span{width: 12%; height: 35px; display: inline-block; padding-left: 28px;} 
.tel_info li span.ico_tel{background: url(/images/web/ico_tel.png) no-repeat 0% 20%;}
.tel_info li span.ico_location{background: url(/images/web/ico_location.png) no-repeat 0% 20%;}
.map_api{border: 1px solid #eee; margin-top: 25px;}

.spot_info{overflow: hidden; padding-top: 35px;}
.spot_info li{display: inline-block;}
.spot_info li.left_ico{width: 20%; text-align: center; font-size: 18px; font-weight: 800;}
.spot_info li .ico_bus{background: url(/images/web/ico_bus.png) no-repeat 50% 10%; padding-top: 130px;}
.spot_info li .ico_subway{background: url(/images/web/ico_subway.png) no-repeat 50% 10%; padding-top: 130px;}
.spot_info li.line{width: 79%; vertical-align: top;}
.spot_info li.line .busline{overflow: hidden; padding-top: 15px;}
.spot_info li.line .busline li{width: 49%; display: inline-block; padding-bottom: 10px;}
.spot_info li.line .mapline li span,
.spot_info li.line .busline li span{text-align: center; color: #fff; margin-right: 5px;}
.spot_info li.line .mapline li span.ttl,
.spot_info li.line .busline li span.ttl{background-color: #3b3b3b; border-radius: 25px; font-weight: 600; padding: 5px 35px;}
.spot_info li.line .busline li span.red{background-color: #c70505; border-radius: 25px; padding: 5px 7px; font-size: 14px;}
.spot_info li.line .busline li span.blue{background-color: #005fb0; border-radius: 25px; padding: 5px 7px; font-size: 14px;}
.spot_info li.line .busline li span.green1{background-color: #4b9608; border-radius: 25px; padding: 5px 7px; font-size: 14px;}
.spot_info li.line .busline li span.green2{background-color: #8dbf13; border-radius: 25px; padding: 5px 7px; font-size: 14px;}
.spot_info li.line .mapline li p,
.spot_info li.line .busline li p{padding-top: 7px;}

.spot_info li.line .mapline li{width: 100%; padding-bottom: 10px;}
.spot_info li.line .mapline li span.violet{background-color: #7117bd; border-radius: 25px; padding: 5px 8px; font-size: 14px;}
.spot_info li.line .mapline li span.gold{background-color: #d4a107; border-radius: 25px; padding: 5px 8px; font-size: 14px;}
.spot_info li.line .mapline li p.bold{font-weight: 600;}
.spot_info li.binfo{font-size: 14px;}

/*인사말*/
.contentsarea > .notice {background-color: #fafafa; padding: 70px 80px; font-size: 18px;}
.contentsarea > .notice .ttl_blue{font-size: 25px; color: #0081e8; font-weight: 600;}
.greeting{padding:0 5px 60px 5px; background: url(/images/web/img_ceo.png) no-repeat right bottom; }
.greeting li{padding-top: 50px;}
.greeting li.arrange{ width: 855px;}
.greeting .ceo_sign{text-align: center; background: url(/images/web/img_ceosign.png) no-repeat; padding: 25px 0; margin-top: 100px;}


/* 외국어 */
.greeting_global{padding:0 5px;}
.greeting_global li{padding-top: 60px;}
.greeting_global li h2{font-weight: 600; font-size: 20px; padding-bottom: 5px;}
.greeting_global li dl{ margin-left: 8px;}

.global .contentsarea > .notice {background-color: #fafafa; padding: 70px 80px; font-size: 18px;}
.global .contentsarea > .notice .ttl_blue{font-size: 25px; color: #0081e8; font-weight: 600; padding-bottom: 10px;}
.global .contentsarea > .notice  li{list-style: circle; margin-left: 22px;}

/*정관*/
.aoa{}
.aoa h4{font-weight: 600;}
.aoa > p > a{text-decoration: underline; color: #327fce;}
.aoa ul > li{margin-left: 10px;}
.aoa ul > li.other{list-style-position: outside;}

/*협회소개*/
.asso_list{padding: 50px 10px;}
.asso_list li{display: block; text-align: left;}
.asso_list li .asso_in,
.asso_list li .asso_in2{padding-left: 15px;}
.asso_list li .asso_in p,
.asso_list li .asso_in2 p{font-weight: 600; padding: 10px 0 0 0; color: #0081e8; font-size: 17px;}
.asso_list li .asso_in >li,
.asso_list li .asso_in2 >li{position: relative; padding-left: 10px;}
.asso_list li .asso_in >li:before{content: ''; width: 6px; height: 1px; position: absolute; left: 0; top: 12px; background-color: #333;}
.asso_list li .asso_in2 >li.subttl{font-weight: 600; color: #0060ad; padding-top: 12px; padding-left: 15px;}
.asso_list li .asso_in2 >li.subttl:before{content: ''; width: 6px; height: 2px; position: absolute; left: 0; top: 23px; background-color: #0060ad;}
.asso_list li .asso_in2 >li.normal{margin-left: 10px; line-height: 28px; font-size: 15px; color: #333;}
.asso_list li .asso_in2 >li.normal:before{content: ''; width: 3px; height: 3px; position: absolute; left: 0; top: 10px; background-color: #333; border-radius: 50%;}

.asso_list li.ttl{border-left: 5px solid #327fce; padding-left: 8px; margin-bottom: 10px;  font-weight: 600; font-size: 18px;}
.asso_list li span{padding-top: 0px; line-height: 28px; padding-left: 15px; display: block; }

/*협회소개_old*/
.ass_list{padding: 50px 15px;}
.ass_list li.ttl{border-left: 5px solid #327fce; display: block; text-align: left; padding-left: 8px; margin-bottom: 10px; line-height: 18px; font-weight: 600; font-size: 18px;}
.ass_list li{margin-bottom: 6px; display: inline-block; width: 24%; text-align: center; vertical-align: top;}
.ass_list li p{padding: 5px 32px;}
.ass_list li div{padding-top: 130px; font-size: 20px; font-weight: 600;}
.ass_list li div.icom01{background: url(/images/web/ico_com01.png) no-repeat 50%;}
.ass_list li div.icom02{background: url(/images/web/ico_com02.png) no-repeat 50%;}
.ass_list li div.icom03{background: url(/images/web/ico_com03.png) no-repeat 50%;}
.ass_list li div.icom04{background: url(/images/web/ico_com04.png) no-repeat 50%;}
.ass_list li div.icom05{background: url(/images/web/ico_com05.png) no-repeat 50%;}
.ass_list li div.icom06{background: url(/images/web/ico_com06.png) no-repeat 50%;}
.ass_list li div.icom07{background: url(/images/web/ico_com07.png) no-repeat 50%;}
.ass_list li div.icom08{background: url(/images/web/ico_com08.png) no-repeat 50%;}

/*연혁*/
.history{overflow: hidden; width: 100%; font-family: '나눔고딕'}
.history_list{overflow: hidden; position: relative;}
.history_list:before{content: ''; height: 1px; width: 100%; background-color: #eee; position: absolute; top: 15px; left: 0;}
.history_list > li{text-align: center;}
.history_list > li > a{position: absolute; display: block; top: 50px; width: 14.286%;}
.history_list.type8 > li > a{width:12.5%}
.history_list > li:nth-child(1) > a{left: 0;}
.history_list > li:nth-child(2) > a{left: 14.286%;}
.history_list > li:nth-child(3) > a{left: 28.572%;}
.history_list > li:nth-child(4) > a{left: 42.858%;}
.history_list > li:nth-child(5) > a{left: 57.144%;}
.history_list > li:nth-child(6) > a{left: 71.43%;}
.history_list > li:nth-child(7) > a{left: 85.716%;}
.history_list.type8 > li:nth-child(1) > a{left: 0;}
.history_list.type8 > li:nth-child(2) > a{left: 12.5%;}
.history_list.type8 > li:nth-child(3) > a{left: 25%;}
.history_list.type8 > li:nth-child(4) > a{left: 37.5%;}
.history_list.type8 > li:nth-child(5) > a{left: 50%;}
.history_list.type8 > li:nth-child(6) > a{left: 62.5%;}
.history_list.type8 > li:nth-child(7) > a{left: 75%;}
.history_list.type8 > li:nth-child(8) > a{left: 87.5%;}
.history_list > li > a > span{display: block; font-size: 25px; position: relative;}
.history_list > li.active > a span, 
.history_list > li > a:hover > span{color:#0081e8;}
.history_list > li > a span:before{content: ''; width: 10px; height: 10px; background-color: #fff; border: 4px solid #ccc; position: absolute; border-radius: 50%; left: 50%; z-index: 5; margin-left: -5px; top: -42px;}
.history_list > li.active > a span:before,
.history_list > li > a:hover > span:before,
.history_list > li.active > a:hover > span:before{content: ''; width: 10px; height: 10px; background-color: #fff; border: 4px solid #0081e8; position: absolute; border-radius: 50%; left: 50%; z-index: 5; margin-left: -5px; top: -42px;}
.history_list > li .tab-pane {display: none;}
.history_list > li.active .tab-pane{display: block; padding-top: 150px; text-align: left;}

.detail_list{clear: both; overflow: hidden; display: block; position: relative; margin-top: 50px;}
.detail_list:before{content:''; width: 1px; height: 100%; background-color: #ccc; position: absolute; top: 0; left: 50%; margin-left: -1px;}
.detail_list > li{width: 50% ; float: left; padding: 0 30px; text-align: left; position: relative; margin: 40px 0; }
.detail_list > li:before{content: ''; width: 10px; height: 10px; background-color: #1d55a2; position: absolute; top: 5px; right: -5px; border-radius: 50%;}
.detail_list > li:first-child{margin: 10px 0 20px 0;}
.detail_list > li:nth-child(even){padding:0 60px; margin: 170px 0; }
.detail_list > li:nth-child(even):before{content: ''; left: -5px;}
.detail_list > li span{font-size: 28px; color: #1d55a2; font-weight: 600; margin-bottom: 20px; display: block; position: relative;} 
.detail_list > li span:before{content: ''; width: 30px; height: 2px; position: absolute; background-color: #1d55a2; top: -8px; left:1px;}
.detail_list > li > dl{overflow: hidden; display: inline-block; width:100%; }
.detail_list > li > dl > dt{float: left; width: 60px; font-weight: 600; font-size: 14px; color: #0081e8; font-size: 18px;}
.detail_list > li > dl > dd{float: left; width: calc(100% - 65px); font-size: 14px; letter-spacing: -1px; padding-bottom: 5px;}

/*신간보기*/
.new_book{overflow: hidden; position: relative;}
.new_book h2{font-size: 24px;}
.new_book li .cont{border-top: 1px solid #ccc; margin-top: 20px; overflow: hidden; }
.new_book li .cont:before{content: ''; position: absolute; height: 100%; width: 1px; background-color: #ccc; top: 47px; left: 180px; margin-left: -1px;}
.new_book li .cont li{float: left; padding:20px 10px; }
.new_book li .cont li.leftmenu{width: 180px;}
.new_book li .cont li.leftmenu dd img{width: 160px; min-width: 100%;}
.new_book li .cont li.leftmenu dl{padding-top: 20px;}
.new_book li .cont li.leftmenu dl h4{color: #0081e8; font-weight: 600;}
.new_book li .cont li.leftmenu dl p {font-size: 14px;}
.new_book li .cont li.rightinfo{overflow: hidden; width: 83%; padding-left: 20px;}


/*수상자 방송원고료기준표*/
.prize_winner{padding: 0 60px; width: 100%; overflow: hidden; position: relative;}
.prize_winner .slick-arrow {position: absolute; top: 0; width: 42px; height: 48px; background-color: #fafafa; font-size: 0; border: 1px solid #dbdbdb;}
.prize_winner .slick-arrow:before {position: absolute; left: calc(50% - 4px); top: calc(50% - 8px); font-size: 18px;}
.prize_winner .slick-arrow.slick-prev {left: 0;}
.prize_winner .slick-arrow.slick-prev:before {content: '<';}
.prize_winner .slick-arrow.slick-next {right: 0;}
.prize_winner .slick-arrow.slick-next:before {content: '>';}
.prize_winner > div a {display: block; font-size: 18px; vertical-align: middle; padding: 10px 0; margin: 0 10px; background-color: #fafafa; border: 1px solid #dbdbdb; font-weight: 600; text-align: center;}
.prize_winner > div a:hover{color: #0081e8; border: 1px solid #0081e8; }
.prize_winner > div a.active, .prize_winner .slick-current a {color: #0081e8; }
.prize_detail {position: relative; padding-top: 60px;}
.prize_view .viewer{overflow: hidden;}
.prize_view .viewer li{display: inline-block; margin-bottom: 8px;}
.prize_view .viewer li img{width: auto; height: auto; max-width: 100%; max-height: 100%; display: inline-block;}
.prize_view table tbody td{font-size: 1.2em !important;}

.prize_winner .category{}
.prize_winner .category .optionbox{float: none; display: block; margin-bottom: 10px; margin-right: 0; width: 100%; height: 35px;}
.prize_winner .category .optionbox select{ font-size: 14px; padding: 0 25px 0 10px; border: 1px solid #cbcbc5; background: #fff url(/images/web/icon_arrow.png) no-repeat;
    background-position: top 15px right 10px;}

/*법령및신탁관련규정*/
.board_top .download{margin-top: -10px; position: absolute; right: 0;}	


/*표준계약서*/
.graybox,
.con_space .graybox{padding: 25px 50px; background-color: #f9f9f9; margin-bottom: 25px;}
.con_space .graybox a{text-decoration: underline; color: #0081e8;}
.con_space .stext{font-size: 14px; padding-top: 15px; margin-bottom: 25px;}
.con_space .space{padding-left: 105px;}
.con_space .space2{padding-left: 155px;}
.con_space .space3{padding-left: 130px;}
.con_space .link{border: 1px solid #dedede; padding: 20px 0;}
.con_space .link h3{font-size: 18px;}
.con_space .link a{text-decoration: underline;}
.con_space h3.ttldoc{color: #0081e8; font-weight: 600; padding-top: 15px;}
.con_space .link > div > ul{ padding-left: 20px; }
.con_space .link > div > ul > li{line-height: 26px;}
.con_space .link > div > ul.link_list{}
.con_space .link > div > ul.link_list > li{list-style: disc; line-height: 26px;}

.con_space .graybox ul{}
.con_space .graybox li{list-style: disc; padding-left: 5px; line-height: 34px;}
.graybox > img {max-width: 100%;}

.center_box{width: 1150px; margin: 20px auto; text-align: center;}

@media screen and (max-width:1017px) {

	.btn3 {width: 100px; font-size: 20px;}
	
	.sub_top {height: 100px;}
	.sub_top h2{padding-top:40px; font-size: 28px;}
	.sub_top .bg {display: none;}
	.lnb_box {display: none;}
	.contents_title {padding: 30px 0; width: 100%;}
	.contents_title h2 {padding-bottom: 10px; margin-bottom: 10px; font-size: 26px;}
	.contentsarea {padding: 0 5px 30px 5px; width: 100%;}
	
	/*조직도*/
	.organization_area .box2 .director2.green {left: 0;}
	.organization_area .box2 > ul li:nth-child(1) {text-align: left;}
	.organization_area .box2 > ul li:nth-child(3) {text-align: right;}
	.organization_area .box3 {padding-top: 0;}
	.organization_area .box3:before {width: 66.7%;}
	.organization_area .box3 > li {z-index: 20; margin: 30px 5px 0; width: calc(33.33% - 10px);}
	.organization_area .box3 > li:before {top: -30px; height: 30px;}

	/*입회신청*/
	.step_box {margin-bottom: 50px;}
	.step_box li {background-position: center top 37px;}
	.step_box li:first-child {background-position: left 50px top 37px;}
	.step_box li:last-child {background-position: right 50px top 37px;}
	.step_box li .d_itable {width: 75px; height: 75px;}
	.step_box li .d_itable .d_cell img {width: 50%}
	.step_box li p {margin-top: 15px; font-size: 18px;}
	.application_box .certification_list {width: 100%; margin: 30px auto 0;}
	.application_box .certification_list li {overflow: hidden; margin: 0 5px; padding: 20px 10px; width: calc(50% - 10px); height: 280px;}
	.application_box .certification_list li h4 {margin-bottom: 20px; font-size: 20px;}
	.application_box .certification_list li p {line-height: 20px;}
	.application_box .certification_list li button {bottom: 0px; left: 0; width: 100%; height: 35px; font-size: 16px;}
	.application_box .certification_list li:hover {background-color: #f9f9f9; border: 1px solid #0077d5;}
	.application_box .certification_list li.phon {background-image: url('/images/web/application_phon.png'); background-position: center 160px; background-size: 40px;}
	.application_box .certification_list li.ipin {background-image: url('/images/web/application_ipin.png'); background-position: center 165px; background-size: 60px;}
	.application_box .finish_box {padding: 50px 20px; height: auto; font-size: 20px;}
	.application_box .finish_box h3 {margin-bottom: 30px;}
	.application_box .finish_box p {line-height: 30px;}

	.calendar_box .calendar_list li .resort_list {padding: 0;}
	.calendar_box .calendar_list li .resort_list li a dl {height: 100%; width: 100%; }
	.calendar_box .calendar_list li .resort_list li a dl dt {margin-bottom: 2px; width: 100%; height: 25px;}
	.calendar_box .calendar_list li .resort_list li a dl dd {width: 100%;}

	.info_step{padding: 20px 10px; width: 100%;}
	.info_step li > ul > li.space1{width: 100px; margin: 0 auto; float: none;}
	.info_step li > ul > li.space2{width: 100%; text-align: center; font-size: 18px; padding-top: 5px;}
	.info_step li > ul > li.space3{width: 100%; padding-top: 5px !important; font-size: 14px; line-height: 20px;}

	/*법령및신탁관련규정*/
	.board_top .download{margin-top: -70px; position: absolute; right: 10px;}	
	.board_top .download > .btn3{font-size: 14px;}	
	.board_top .download > .btn7 {font-size: 14px;}

	/*부서별업무*/
	.tel_num {text-align: center; position: relative; display: block; top: 0; margin-bottom: 25px; font-size: 16px;}

	/*신간보기*/
	.new_book li h2{font-size: 20px; line-height: 20px;}
	.new_book li .cont{padding-top: 5px;}
	.new_book li .cont:before{content: ''; position: absolute; height: 1px; width: 100%; background-color: #fff; top: 47px; left: 180px; margin-left: -1px;}
	.new_book li .cont li{padding:10px 5px; }
	.new_book li .cont li.leftmenu{width: 180px;}
	.new_book li .cont li.leftmenu dd img{width: 160px; min-width: 100%;}
	.new_book li .cont li.rightinfo{width: 100%; border-top: 1px solid #ccc; font-size: 14px; padding-left: 5px;}
	.new_book li .cont li.rightinfo img{width: 100%; height: auto;}

	/*수상자 방송원고료기준표*/
	.prize_winner{padding: 0 50px;}
	.prize_winner > div a {margin: 0 5px;}

	/*월간방송작가*/
	.monthly_magazine .main_img h3.date{font-size: 28px;}
	.monthly_magazine .main_img h3.ttl{font-size: 35px; top: 50px;}	
	.monthly_magazine .main_img h4{padding-right: 10px; bottom: 5px; line-height: 20px;}
	.monthly_magazine .main_img img{width: auto; transform: translateX(-50%);}

	.space15{padding: 0;}
	.monthly_magazine .list_con2{padding: 10px;}
	.monthly_magazine .list_con2 .left_con,
	.monthly_magazine .list_con2 .right_con{float: none; width: 100%;}
	.monthly_magazine .list_con2 li.first{height: auto; padding-bottom: 25px;}
	.monthly_magazine .list_con2 li.first > ul{ padding: 15px;}
	.monthly_magazine .list_con2 li.first > ul > li:first-child{border-right:none; margin-right: 0;}
	.monthly_magazine .list_con2 li.first > ul > li img{width: 100%;}
	.monthly_magazine .list_con2 li.first > ul > li.context1{width: 100%;}
	.monthly_magazine .list_con2 li.first > ul > li.context1 dd{text-align: center; padding-top: 25px; padding-right: 0; padding-bottom: 30px; margin-bottom: 15px;}
	
	.monthly_magazine .list_con2 li.mid2,
	.monthly_magazine .list_con2 li.mid{width: 100%; height: auto; padding-bottom: 25px; padding: 0; float: none;}
	.monthly_magazine .list_con2 li.mid2 > ul,
	.monthly_magazine .list_con2 li.mid > ul{padding:15px; position: relative; overflow: hidden;}
	.monthly_magazine .list_con2 li.mid2 > ul > li > dd,
	.monthly_magazine .list_con2 li.mid > ul > li > dd{text-align: center; margin-bottom: 15px;}
	.monthly_magazine .list_con2 li.mid > ul > li img.left{width: 100%; height: 180px; margin-bottom: 25px;}
	.monthly_magazine .list_con2 li.violet > ul > li .list li dl {text-align: left; padding: 0 5px;}
	.monthly_magazine .list_con2 li.mid2 > ul > li > dd p {margin-bottom: 30px; line-height: 24px; max-height: 100px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

	.monthly_magazine .list_con2 li.third{height: auto; padding-bottom: 15px;}
	.monthly_magazine .list_con2 li.third > ul{position: relative;}
	.monthly_magazine .list_con2 li.third .news{margin-bottom: 15px;}
	.monthly_magazine .list_con2 li.third .news li{ padding-bottom: 10px;}
	.monthly_magazine .list_con2 li.third .news li{float:none; margin-top: 20px; margin-right: 0; width: 100%; height: auto;}
	.monthly_magazine .list_con2 li.third .news li a > span{ top: 2px; }
	.monthly_magazine .list_con2 li.third .news li a > div{margin-top: 15px; padding:  25px 8px 0 8px;}
	.monthly_magazine .list_con2 li.third .news li a > div > h4{line-height: 21px; font-size: 15px;}

	.monthly_magazine .list_con2 h2 {font-size: 20px; line-height: 26px; letter-spacing: -0.05em;}	
	.monthly_magazine .list_con2 h3{font-size: 18px;}

	.monthly_magazine .list_con2 button{font-size: 13px; margin-top: 25px;}
	.monthly_magazine .list_con2 button.more1{bottom: 0px; right: 0; left: 0; top: unset; width: 100%;}
	.monthly_magazine .list_con2 button.more2, 
	.monthly_magazine .list_con2 button.more3{left:5px; bottom: 15px; right: 5px; width: 96%; transform: none;}


	.monthly_magazine .detail_header .tag_cata li{font-size: 18px; margin-right: 10px; padding: 10px 20px 5px 20px;}
	.monthly_magazine .detail_header .tag_cata li a{font-size: 18px; }
	.monthly_magazine .detail_header .tag_cata li a:before{width: 25px;}


	/*모바일: */
	.tb_step{overflow: hidden; position: relative; padding-bottom: 30px;}
	.tb_step li{width: 100%; border-bottom: 1px solid #ececec; font-size: 14px; overflow: hidden; margin-bottom: 8px;}
	.tb_step li:frist-child{ border-top: 1px solid #ececec;}
	.tb_step li > dd{float: left; width: 100%; font-weight: 600; padding: 3px 5px; color: #333; background-color: #f8f9fa; border-bottom: 1px solid #ececec; border-top: 1px solid #ececec; text-align: center;}
	.tb_step li > dt{float: left; width: 26%; font-weight: 600; padding: 3px 5px; color: #333;}			
	.tb_step li > dl{float: left; width: 70%; padding: 3px 5px; border-left: 1px solid #ececec;}

	.sub_line{border-top: 1px solid #000; padding-top: 15px;}
	.tb_list{overflow: hidden; position: relative; padding-bottom: 30px;}
	.tb_list li{width: 100%; border-bottom: 1px solid #ececec; font-size: 14px; overflow: hidden; margin-bottom: 12px;}
	.tb_list li:frist-child{ border-top: 1px solid #ececec;}
	.tb_list li > dd{}
	.tb_list li > dt{width: 100%; font-weight: 600; padding: 3px 5px; color: #333; background-color: #f8f9fa; border-bottom: 1px solid #ececec; border-top: 1px solid #ececec; text-align: center;}
	.tb_list li > dl{width: 100%; padding: 8px 5px; text-align: center;}

	/*모바일_입회원서*/
	.tb_step li > dl > .calenbox {position: relative; display: inline-block; width: 46%; height: 30px;  border: 1px solid #a7a7a7;}
	.tb_step li > dl > .calenbox .ui-datepicker-trigger {position: absolute; right: 0; top: 0; width: 28px; height: 28px; background: url(/images/web/icon_calendar.png) center center no-repeat #eee; font-size: 0; text-indent: -999px;}
	.tb_step li > dl > .optionbox {display: inline-block; width: 100%; height: 30px; border: 1px solid #a7a7a7;}
	.tb_step li > dl > .optionbox select {padding: 0 5px; background: url(/images/web/icon_arrow2.png) right 5px top 12px no-repeat;}
	.tb_step li > dl > .inpbox {display: inline-block; width: 100%; height: 30px; border: 1px solid #a7a7a7;}
	.tb_step li.btn_mo{text-align: center; padding: 8px 0;}
	.tb_step li.total_sum{}
	.tb_step li.total_sum span{display: block; background-color: #9e9e9e; color: #fff; padding: 3px 5px; text-align: center;}
}
@media screen and (min-width:320px) and (max-width:784px){
	.ssmenu_box {margin-bottom: 30px;}
	.ssmenu_box > ul {display: none;}
	.ssmenu_box .zelect {display: block; background: url('/images/web/icon_plus2.png') right 15px center no-repeat #2f77ae; background-size: 12px; width: 100%; cursor: pointer; line-height: 40px; z-index: 9;}
	#ssmenu .zelected {color: #fff; font-size: 14px; text-align: center; font-family: 'nsB';}
	#ssmenu .dropdown {width: 100%; border: 1px solid #2f77ae;position: absolute; left:0; top: 40px; z-index: 2; background: #fff;}
	#ssmenu .dropdown li {line-height: 35px; text-align: center; font-size: 14px; border-bottom: 1px solid #2f77ae;}
	#ssmenu .dropdown li:last-child {border-bottom: 0;}
	
	.application_top {margin: 0 0 50px;}
	.application_top .d_cell {padding: 30px; height: auto; font-size: 20px; line-height: 30px;}

	.application_box .check_all {margin-bottom: 0;}
	.application_box .check_all .title {border-bottom: 1px solid #000;}
	.application_box .check_all .title h3 {padding: 0; font-size: 16px; font-weight: 600; background: none;}
	.application_box .check_all p {padding: 0 0 5px; line-height: 18px;}
	.application_box .top .id p {font-size: 12px; line-height: 25px;}
	.application_box .top .id button {width: 70px; height: 25px; font-size: 12px;}
	.application_box .check_all .check_box {position: relative; right: inherit; margin-top: 20px; text-align: center;}
	.application_box .check_box input[type=checkbox]:checked + label {border-radius: 0;}
	.application_box .check_box input[type=checkbox] + label {border-radius: 0;}
	.application_box .check_list > li .check_box {position: relative; top: 0; margin-top: 20px; text-align: center;}
	.application_box .check_list > li > a h3 {float: left; padding-bottom: 0px; font-size: 16px; font-weight: 400; border-bottom: 0;}
	.application_box .check_list > li > ul {height: 200px;}
	.application_box .check_list > li.point > a h3 {border-bottom: 0;}

	.application_box .check_list > li > a span{display: block; text-align: right;}

	.boardwrite .account td.content .num{padding: 0 5px; }
	
	/*마이페이지 리조트*/
	.calendar_notice {margin-bottom: 45px; padding: 15px 5px 15px 55px; background: url('/images/web/icon_notice.png') 5px center no-repeat; border-left: 0; border-right: 0;}
	.calendar_box .calendar_list > li {min-height: 50px; height: auto; font-weight: 400;}
	.calendar_box .calendar_list > li span {margin: 0; padding-top: 3px; width: 20px; height: 20px; font-size: 14px; font-weight: 600; line-height: 17px;}
	.calendar_box .calendar_list > li.hd {height: 20px; font-size: 12px; line-height: 20px; font-weight: 600;}

	.application_top .info{font-size: 15px; line-height: 25px; padding: 35px 10px; height: auto;}
	.boardwrite .account td.content .disc > .resortspace{padding: 20px 0;}
	.boardwrite .account td.content .disc > .resortspace li{ width: 100%; }	

	.boardwrite .account td.content li > .resorttb thead tr th{vertical-align: middle; line-height: 18px;}
	.boardwrite .account td.content li > .resorttb tbody tr td{font-size: 13px;}

	/*건강검진*/
	.contentsarea .health{text-align: left;}
	.contentsarea .health li{padding-bottom: 8px; font-size: 15px;}
	.contentsarea .health li.line1{font-size: 23px; line-height: 30px;}
	/*협회소개*/
	.tel_info li {padding-bottom: 8px; font-size: 15px;}	
	.tel_info li span{width: 100%; font-weight: 600; height: auto;} 
	.spot_info li.line .busline li{width: 100%;}
	.spot_info li.left_ico{width: 100%;}
	.spot_info li.line{width: 100%; word-break: keep-all}
	.spot_info li.line .mapline li p.bold {font-size: 16px;}
	.spot_info li.line .mapline li p, 
	.spot_info li.line .busline li p {font-size: 15px; letter-spacing: -0.05em;}
	.spot_info li.binfo {line-height: 22px; padding-top: 15px;}

	.ass_list li{margin-bottom: 6px; width: 49%;}
	.ass_list li p{padding: 5px 15px;}
	.ass_list li div{padding-top: 130px; font-weight: 600;}

	/* 외국어 */
	.greeting_global li{padding-top: 30px;}
	.global .contentsarea > .notice {padding: 30px 10px; font-size: 15px; word-wrap: break-word; word-break: initial;}
	.global .contentsarea > .notice .ttl_blue{font-size: 20px; padding-bottom: 10px;}
	.global .contentsarea > .notice .ttl_blue li{list-style: square;}

	.greeting_global {padding: 0 10px; font-size: 14px; word-wrap: break-word; word-break: initial;}
	
	/*조직도*/
	.organization_area .box1 .director {padding-top: 40px; width: 150px; height: 147px; background-size: 100%;}
	.organization_area .box1 .director h3 {padding-bottom: 10px; margin-bottom: 10px; font-size: 26px;}
	.organization_area .box1 .director .name {font-size: 20px;}
	.organization_area .box2 {position: relative; padding: 30px 0;}
	.organization_area .box2 .director2 {width: 180px;}
	.organization_area .box2 .director2.green {top: 30px;}
	.organization_area .box2 .director2 h4 {font-size: 18px;}
	.organization_area .box2 .director2 .name {font-size: 14px;}
	.organization_area .box2 .director2 .tel{font-size: 12px;}
	.organization_area .box2 > ul {margin: 30px 0;}
	
	/*주요사업*/
	.business_area .business_box {margin-bottom: 50px;}
	.business_area .business_box h3 {padding-bottom: 0;}
	.business_area .business_box h3 span {display: block; width: 190px; color: #fff; font-size: 20px; font-weight: 600; line-height: 50px; border-radius: 50px; background: #18639c;}
	.business_area .business_box ul:before {display: none;}
	.business_area .business_box ul li {float: none; display: block; width: 100%; padding: 20px 0 0;}
	.business_area .business_box ul li:before {height: 20px;}
	.business_area .business_box ul li div {display: block; height: auto; border-radius: 10px}
	.business_area h4 {position: relative; padding-left: 12px; font-size: 18px; color: #0081e8; font-weight: 600;}
	.business_area h4:after {content: ''; position: absolute; left: 0; top: 23px; width: 5px; height: 18px; background: #397fc1;}

	/*정관*/
	.aoa {word-break: keep-all;}

	/*월간방송작가*/
	.monthly_magazine .detail_con .detail_img img{max-width: 100%;}
	.monthly_magazine .detail_con p{display: inline;}
	.monthly_magazine .detail_con p > span,
	.monthly_magazine .detail_con p > b > span{word-break:break-all;}

	/*연혁*/
	.history_list:before{height: 100%; width: 1px; top: 0; left: 10px; background-color: #666;}
	.history_list > li > a{text-align: left; top: 0; width:100%; }
	.history_list > li:nth-child(1) > a{left: 0;}
	.history_list > li:nth-child(2) > a{left: 0; top: 40px;}
	.history_list > li:nth-child(3) > a{left: 0; top: 80px;}
	.history_list > li:nth-child(4) > a{left: 0; top: 120px;}
	.history_list > li:nth-child(5) > a{left: 0; top: 160px;}
	.history_list > li:nth-child(6) > a{left: 0; top: 200px;}
	.history_list > li:nth-child(7) > a{left: 0; top: 240px;}
	.history_list > li > a > span{ font-size: 18px; line-height: 40px; padding-left: 30px;}
	.history_list > li.active > a span, 
	.history_list > li > a:hover > span{color:#0081e8;}
	.history_list > li > a span:before{content: ''; width: 10px; height: 10px; background-color: #fff; border: 4px solid #ccc; position: absolute; border-radius: 50%; left: 6px; z-index: 5; margin-left: -5px; top: 10px;}
	.history_list > li.active > a span:before,
	.history_list > li > a:hover > span:before,
	.history_list > li.active > a:hover > span:before{content: ''; width: 10px; height: 10px; background-color: #fff; border: 4px solid #0081e8; position: absolute; border-radius: 50%; left: 6px; z-index: 5; margin-left: -5px; top: 10px;}
	.history_list > li .tab-pane {display: none;}
	.history_list > li.active .tab-pane{display: block; padding-top: 250px;}

.boardlist table tbody tr td .name{ text-align: left; }

	/*저작권신탁증서*/
	.print_paper{padding-bottom: 10px;}
	.btn_box p{font-size: 14px; color: #e42323; text-align: center;}

	/*마이페이지_집필리스트*/
	.text_inline{display: block; padding-left: 0; padding-top: 8px;}
	
 }
@media screen and (min-width:320px) and (max-width:640px){
	body{word-break: keep-all; }

 	.maincontents .section2 .notice { padding: 50px 30px; font-size: 16px; text-align: left;}

	.btn {min-width: 50px; width: 100%;  font-size: 14px; margin-bottom: 5px; }
	.btn3 {padding: 0 10px; width: auto; min-width: 50px; height: 35px; font-size: 14px;}
	
	.application_box .btn_box {margin-top: 30px;}
	.application_box .btn_box button {margin: 0 0 5px 0;}
	.application_box .finish_box {padding: 30px 10px; font-size: 16px; background-size: 100%;}
	.application_box .finish_box h3 {margin-bottom: 30px;}
	.application_box .finish_box p {line-height: 18px; font-size: 12px}
	.no_period {padding: 140px 0 50px; font-size: 18px; background: url('/images/web/icon_info.png') center 50px no-repeat; }
	
	/*인사말*/

	.greeting{background-position: right bottom; background-size: 75%; padding: 0 5px 350px 5px;}
	.greeting li{word-break: keep-all; padding-top: 30px;}
	.greeting li.arrange{width: 100%;}
	.greeting .ceo_sign{background: url(/images/web/img_ceosign.png) no-repeat bottom; width: 100%; margin-top: 20px; padding: 31px 0;}
	
	/*조직도*/
	.organization_area .box2 .director2 {padding-top: 10px; width: 95px; padding-bottom: 10px;}
	.organization_area .box2 .director2 h4 {padding-bottom: 0; margin-bottom: 0;}
	.organization_area .box3 {padding-top: 0;}
	.organization_area .box3:before {width: 1px; height: 100%;}
	.organization_area .box3 > li {float: none; margin: 0 0 10px; width: 100%;}
	.organization_area .box3 > li:last-child {margin: 0;}
	.organization_area .box3 li:before {display: none;}
	.organization_area .box3 > li h4 {font-size: 16px;}
	.organization_area .box3 > li > ul {padding: 10px 5px; height: auto;}
	.organization_area .box3 > li .d_table {height: auto;}
	.organization_area .box3 > li .d_table .d_cell {padding: 10px 0; font-size: 14px; letter-spacing: 0; line-height: 20px;}
	
	/*저작권신탁증서*/
	.print_paper .paper_box li {font-size: 14px;}	
	.print_paper .paper_box li .date dt{width: 80px;}
	.print_paper .paper_box li .date dl{width: 150px; padding-left: 10px;}
	.print_paper .paper_box li.mid{line-height: 25px; font-size: 14px;}
	.print_paper .paper_box li.signature{ background: url(/images/web/img_sign.png)no-repeat 100%; background-size:contain; padding: 20px 0; margin-top:50px;}

	/*연혁*/
	.history_list:before{height: 100%; width: 1px; top: 0; left: 10px; background-color: #666;}
	.history_list > li > a{text-align: left; top: 0; width:100%; }
	.history_list > li:nth-child(1) > a{left: 0;}
	.history_list > li:nth-child(2) > a{left: 0; top: 40px;}
	.history_list > li:nth-child(3) > a{left: 0; top: 80px;}
	.history_list > li:nth-child(4) > a{left: 0; top: 120px;}
	.history_list > li:nth-child(5) > a{left: 0; top: 160px;}
	.history_list > li:nth-child(6) > a{left: 0; top: 200px;}
	.history_list > li:nth-child(7) > a{left: 0; top: 240px;}
	.history_list > li > a > span{ font-size: 18px; line-height: 40px; padding-left: 30px;}
	.history_list > li.active > a span, 
	.history_list > li > a:hover > span{color:#0081e8;}
	.history_list > li > a span:before{content: ''; width: 10px; height: 10px; background-color: #fff; border: 4px solid #ccc; position: absolute; border-radius: 50%; left: 6px; z-index: 5; margin-left: -5px; top: 10px;}
	.history_list > li.active > a span:before,
	.history_list > li > a:hover > span:before,
	.history_list > li.active > a:hover > span:before{content: ''; width: 10px; height: 10px; background-color: #fff; border: 4px solid #0081e8; position: absolute; border-radius: 50%; left: 6px; z-index: 5; margin-left: -5px; top: 10px;}
	.history_list > li .tab-pane {display: none;}
	.history_list > li.active .tab-pane{display: block; padding-top: 250px;}

	.detail_list:before{left: 11px; background-color: #c5c5c5;}
	.detail_list > li{padding: 13px 20px; float: none; position: relative; width: 100%;}
	.detail_list > li:nth-child(even){width: 100%; padding: 13px 20px; margin: 0;}
	.detail_list > li:before,
	.detail_list > li:nth-child(even):before{width: 10px; height: 10px;  top: 21px; left: 5px;}	
	.detail_list > li span{font-size: 16px; margin-bottom: 5px;} 
	.detail_list > li > dl{display: block; width:100%; padding: 0;}
	.detail_list > li > dl > dt{width: 40px;}
	.detail_list > li > dl > dd{width: calc(100% - 40px);}
	
	/*수상자 방송원고료기준표*/
	.prize_winner {padding: 0 33px;}
	.prize_winner .slick-arrow {width: 30px; height: 38px;}
	.prize_winner .slick-arrow:before {left: calc(50% - 5px); font-size: 16px;}
	.prize_winner > div a {font-size: 16px; padding: 5px 0; margin: 0 2px;}

	.center_box{width: 100%; position: none; float:none; transform: none;}


	/*저작물이용신청*/
	.copywrite .step_comf li{ float: none; width: 100%; padding: 20px 0;}
	.copywrite .step_comf li dd dl:after{content: ''; background: none; }
	.copywrite .step_comf li dd dl:before{content: ''; background-color: #b2b2b2; width: 100%; height: 1px; top:100%; position: absolute;}
	.copywrite .step_comf li dd dl{height: auto;}
	.copywrite .step_comf li dt{background-color: #333; border-radius: 25px; margin:0 auto; width: 180px; padding: 7px 0; display: block; color:#fff; text-align: center;}

	.method{width: 100%; margin: 30px auto; padding: 15px;}
	.method .ttl_round{font-size: 18px; width: 55px; height: 55px; padding-top: 15px;}
	.method h2.ttl1{padding-top: 15px;}
	.method p.m_cont{padding-bottom: 50px;}
	.method .btn_box{ right: 0; bottom: 10px;}
	.method .m_box{padding-top: 0;}
	.method .m_box li{width: 100%; float: none; margin-bottom: 20px; padding: 15px 10px; height: auto;}


	/*회원/저작물*/
	.s_writer{width: 100%; margin:5px 0; padding:30px 5px;}
	.s_writer > li{list-style: decimal; margin-left: 25px;}

	/*협회소개*/
	.asso_list {padding: 50px 5px;}
	.asso_list li .asso_in >li,
	.asso_list li .asso_in2 >li.normal{ font-size: 14px; letter-spacing: -0.05em;}

	.con_space .graybox,
	.graybox {padding: 25px 15px;}

	/*계좌*/
	.boardwrite .account td.text_right{ font-weight: 600; font-size: 14px;}
	.boardwrite .account td.text_right span{display: block; font-weight: normal; padding-bottom: 5px;}

}
@media screen and (min-width:320px) and (max-width:480px){
	/*부서별업무*/
	.Dept_list li {float: none; margin-right: 0; margin-bottom: 10px; padding: 5px 10px;  min-width: 100%; font-size: 14px;}
	.Dept_list li:last-child {margin-bottom: 0;}

	.step_box {margin-bottom: 30px;}
	.step_box li {background-position: center top 22px;}
	.step_box li:first-child {background-position: left 50px top 22px;}
	.step_box li:last-child {background-position: right 50px top 22px;}
	.step_box li .d_itable {width: 45px; height: 45px;}
	.step_box li p {margin-top: 10px; font-size: 12px; line-height: 16px;}
	
	.login_area {width: 100%;}
	.login_area .tab_contents .contents table th span {display: block;}

}
@media screen and (min-width:320px) and (max-width:360px){
	
}