@charset "euc-kr"; /*CSS Document*/ @font-face{ font-family: 'NanumGothic'; font-style: normal; font-weight: normal; src: url('/css/fonts/NanumGothic.eot'); src: local('Ł'), url('/KOR/css/fonts/NanumGothic.woff') format('woff'), url('/KOR/css/fonts/NanumGothic.ttf') format('truetype'); } @font-face{ font-family: 'NanumGothic'; font-style: normal; font-weight: bold; src: url('/css/fonts/NanumGothicBold.eot'); src: local('Ł'), url('/KOR/css/fonts/NanumGothicBold.woff') format('woff'), url('/KOR/css/fonts/NanumGothicBold.ttf') format('truetype'); } @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); @font-face { font-family: 'yg-jalnan'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal; } .title-notice {display:inline-block; clear:both; float:left; width:100%; height:auto; font-family: 'yg-jalnan'; background:url(/KOR/img/bullet_circle.jpg) left center no-repeat; color:#d73520;padding:15px 0px 10px 25px;} .cont_table ol li {list-style: square;} .row {clear:both;} .col {float:left;} .gray_s {padding:2px 10px; background:#f9f9f9; font-size:13px;} .gray_s:hover {background:#000;} /* 서브배너 */ .board_notice {display:inline-block; clear:both; float:left; width:100%; height:auto; padding:25px; background-color:#f3f5f6; margin:10px 0px 20px; border:1px solid #e9e9e9; list-style: disc !important;} .box { position: relative; margin: 20px 0; border: 1px solid #F76030; border-radius: 20px; font-size: 16px; line-height: 24px; color: #151515; background-image: url(../img/contents/kca_history_bgbg.jpg); } p.caption {padding:10px 0px; color:#F76030;} .num_B {font-weight:bold; color:#F76030; } .contbox {padding:10px 20px; background:#f7f7f7; border-radius: 20px; margin:10px 0px; text-align: center;} .blue {display:inline; color:#00b0ca;font-weight: bold;} .red {display:inline; color:#d7341f; font-weight: bold;} .pd10 td {padding:10px !important;} .pd6 td {padding:6px !important;} .box .box_inner {position: relative; padding: 38px 40px 35px 48px;display: flex;flex-direction: column; justify-content: center;} .intro_box { border-color: #F76030;} .intro_box:before {left: -1px; width: 240px; height: 53px; background-color: #fff;} .intro_box:before, .intro_box:after {display: block; position: absolute; bottom: -1px;} .intro_box .box_inner {min-height: 197px; padding-left: 240px;} .intro_box .box_inner.kca_history:before {background-image: url(../img/contents/kca_history_icon.png);} .intro_box .box_inner.kca_organ:before {background-image: url(../img/contents/kca_organ_icon.png);} .intro_box .box_inner.kca_award:before {background-image: url(../img/contents/kca_award_icon.png);} .intro_box .box_inner.kca_jornal_icon:before {background-image: url(../img/contents/kca_jornal_icon.png);} .intro_box .box_inner.kca_jourshop_icon:before {background-image: url(../img/contents/kca_jourshop_icon.png);} .intro_box .box_inner.kca_promotion:before {background-image: url(../img/contents/kca_promotion.png);} .intro_box .box_inner.kca_promotion2:before {background-image: url(../img/contents/kca_promotion2.png);} .intro_box .box_inner.kca_research:before {background-image: url(../img/contents/kca_research.png);} .intro_box .box_inner::before { content:""; display: block; position: absolute; top: 0 !important; bottom: 0; left: 64px; width: 114px; height: 114px; margin: auto 0; background-repeat: no-repeat; background-size: contain; background-image: url(../img/contents/kca_history_icon.png); } .intro_box:before { content: ""; display: block; position: absolute; bottom: -1px; background: transparent; width: 100%; height: 50%; border: 1px solid #fff; border-radius: 20px; border-top: none; } .intro_box:after { content:""; display: block; width: 100%; height: 20px; position:absolute; bottom:0; left:0; } .intro_box .box_inner .box_banner_title{font-size: 1.75rem; line-height: 1.3; margin-bottom: 15px;} .intro_box .box_inner .box_banner_title > span{font-weight: 600; color: #f76030;font-size: 1.75rem; } .defaultTable {clear:both; float:left; width:100%; height:auto; border-top:1px solid #F76030;border-left:1px solid #e9e9e9;} .defaultTable th, .defaultTable td {border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9; padding:12px;} .defaultTable td.cont {background-color:#ffffff; padding:20px;} .defaultTable th {background:#f3f5f6;} .defaultTable tr:hover{background:#fafafa;} .btn_group {clear:both; float:left; width:100%; height:auto; padding:30px 0px;} .boardDefault {clear:both; float:left; width:100%; height:auto; border-top:1px solid #f76030; margin:10px 0px; } .boardDefault th, .boardDefault td {border-bottom:1px solid #ededed; padding:12px;} /* reset css */ body{margin:0; padding:0; background-color:#fff; min-width:1100px;} html{overflow-y:scroll;} body, table, th, td, input, select, textarea, div{font-family: 'Noto Sans KR', sans-serif; color:#333; /*line-height:1.6;*/} /* body, table, th, td, input, select, textarea, div{font-family:"나눔고딕",'NanumGothic',Helvetica; font-size:15px; color:#333;} */ h1, h2, h3, h4, h5, h6, ol, ul, li, form, fieldset, input, textarea, hr, p{margin:0; padding:0;} img, fieldset{border:0 none;} img{vertical-align:middle;}/* 애니위즈 솔루션은 middle */ input{vertical-align:middle;} ol, ul, li{list-style:none;} /*table{border-spacing:0; border-collapse:collapse; border:0 none;}*/ h1,h2,h3,h4,h5,h6{font-size:100%;} button{border:0 none; padding:0; margin:0; background:transparent; *overflow:visible; cursor:pointer; vertical-align:middle; font-family:"나눔고딕",'NanumGothic',Helvetica;} button::-moz-focus-inner{border:0; padding:0;} label{cursor:pointer;} a:link{color:#666; text-decoration:none;} a:visited{color:#666; text-decoration:none;} a:hover{color:#d9371e; text-decoration:none;} a:active{color:#666; text-decoration:none;} b, strong{font-weight:600;} .input_style select {border-radius: 5px; text-align: center; border:1px solid #d2d2d2; padding: 3px 0px; margin: 9px 0px; font-size: 0.9375rem; width: 90px; } .dn {display: none !important;} .mt10 {margin-top:10px !important;} .mt20 {margin-top:20px !important;} .mb10 {margin-bottom:10px !important;} .mb20 {margin-bottom:20px !important;} .mb30 {margin-bottom:30px !important;} .mb40 {margin-bottom:40px !important;} .mb50 {margin-bottom:50px !important;} .pb20 {padding-bottom:20px !important;} .colorGray {background:#f4f6fa;} /* 버튼 */ .bo_search form {display: flex; align-items: center; width: 90%; max-width: 380px; height: 40px; position:relative; border:1px solid #d2d2d2; border-right:none; border-radius: 5px; margin:20px auto; margin-right: 0;} .bo_search form select {width: 26%; height: 100%; font-size: 1rem; color:#999; padding:0 8px; border:none; border-radius: 5px; background:#fff} .bo_search form input[type="text"] {width: calc(74% - 49px); height: 100%; font-size: 1rem; padding:0 8px; border:none; margin-left:12px; border-radius: 5px;} .bo_search form button[type="submit"] {position:absolute; width: 40px; height: calc(100% + 2px); font-size: 1.5rem; right:0; color:#e95a2f; border:1px solid #e95a2f; background:#fff; border-radius: 5px;} .bo_search form button[type="submit"]:hover {background:#e95a2f; color:#fff;} .bo_search form .stick {width: 1px; height: 50%; background:#d2d2d2; position:absolute; left:calc(26% + 6px);} .board_inner {margin:50px auto; width:100%; max-width:1116px; height:auto; } ul.user_tabList {margin-top:30px; width:302px; height:40px; margin-bottom:20px;} ul.user_tabList li {float:left; width:130px; height:40px; border:1px solid #CCC; text-align:center; line-height:40px; font-size:15px; } ul.user_tabList li.active {background:#666666; color:#ffffff; } .prom_pop {/*position: fixed; top: 0; left: 0; width: 100%; min-width: 1120px; height: 100%; z-index: 9999;*/ width: 800px; margin:70px auto; background:url("../img/main/pop_bg.png")no-repeat top; background-size:cover;} /* .prom_pop .pop_bg {position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.65);} */ .prom_pop .pop_inner {/*min-width: 800px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);*/ padding:30px 30px 30px;} .prom_pop .pop_inner .title {font-size:35px; font-weight: 900; color:#d6240c; letter-spacing: -0.08em; margin-bottom:35px;} .prom_pop .pop_inner .top_box {background:#fff; padding:30px 20px; border:1px solid #d2d2d2; border-radius: 10px; margin-bottom:50px;} .prom_pop .pop_inner .top_box strong {font-size: 18px; font-weight: 900; color:#000; letter-spacing: -0.05em;} .prom_pop .pop_inner .top_box span {display: block; font-size: 14px; color:#000; margin-top:5px; letter-spacing: -0.05em;} .prom_pop .pop_inner .top_box ol {padding:20px; border:1px solid #d2d2d2; border-radius: 10px; margin:20px 0;} .prom_pop .pop_inner .top_box ol li {font-size: 15px; color:#000; letter-spacing: -0.05em;} .prom_pop .pop_inner .top_box ol li:not(:last-child) {margin-bottom:8px;} .prom_pop .pop_inner .top_box p {font-size: 14px; color:#000; letter-spacing: -0.075em; line-height: 1.67;} .prom_pop .pop_inner .top_box p b {color:#d6240c;} .prom_pop .pop_inner .code_wrap {display: flex; justify-content: center; align-items: center; border:3px solid #d6240c; border-radius: 50px; font-size: 18px; font-weight: 900; color:#d6240c; padding:10px 0; margin:10px 0 35px;} .prom_pop .pop_inner .code_wrap .prom_code {font-size: 18px; font-weight: 900; color:#d6240c; margin-left:5%;} .prom_pop .pop_inner .code_wrap button {border:1px solid #d2d2d2; border-radius:10px; font-size: 15px; font-weight: bold; color:#666; background:#fff; padding:7px; margin-left:15px;} .prom_pop .pop_inner .bot_box {text-align: center;} .prom_pop .pop_inner .bot_box strong {display: block; font-size: 18px; font-weight: 900; color:#000; letter-spacing: -0.05em; text-align: center;} .prom_pop .pop_inner .bot_box .img_wrap {margin:10px 0 30px;} .prom_pop .pop_inner .bot_box .img_wrap img {max-width: 100%;} .prom_pop .pop_inner a {display: inline-block; font-size: 18px; font-weight: 900; color:#fff; background:#d6240c; border-radius: 50px; padding:20px 50px; margin:0 auto;} /**************************************************** 헤더 ****************************************************/ #Header{border-bottom:1px solid #d9341e; z-index:1;} #Header .inner{position:relative; width:1100px; height:90px; margin:0 auto;} /* 로고 ------------------------------ */ #Header h1{position:absolute; left:0; top:13px; z-index:9999;} /* 탑메뉴 ------------------------------ */ #Header #Topmenu .music_btn {float:left; font-size:13px; color:#555; line-height:23px; letter-spacing:-0.025rem; margin-right:10px; padding-left:15px; background:url(../img/main/music.gif) 0 50% no-repeat; box-sizing:border-box; cursor:pointer;} #Header #Topmenu{position:absolute; right:0; top:10px; overflow:hidden;} /* 탑메뉴 */ #Header #Topmenu .Topmenu{overflow:hidden; float:left;} #Header #Topmenu .Topmenu li{float:left; padding-left:21px; background:url(../img/header/topmenu_l.gif) 10px 50% no-repeat;} #Header #Topmenu .Topmenu li.first{padding-left:0; background:none;} #Header #Topmenu .Topmenu li a{display:block; font-size:13px; color:#787878; letter-spacing:-0.05em; line-height:23px;} #Header #Topmenu .Topmenu li a:hover{text-decoration:none; color:#d9371e;} #Header #Topmenu .Topmenu li.ENG{} #Header #Topmenu .Topmenu li.ENG a{color:#d9341e; font-weight:600;} /* 검색 */ #Header #Topmenu .Search{overflow:hidden; float:left; margin-left:20px;} #Header #Topmenu .Search li{float:left; vertical-align:top;} #Header #Topmenu .Search li input{width:161px; height:25px; line-height:19px; color:#666; padding:0 0 0 10px; background:#fff; border-width:2px 0 2px 2px; border-style:solid; border-color:#d62a11; /* 익스7 핵 */*position:relative; *top:-1px; *height:21px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #Header #Topmenu .Search li button{width:42px; height:25px; font-weight:600; color:#fff; font-size:13px; letter-spacing:-0.05em; background:#d62a11;} /**************************************************** 네비게이션 ****************************************************/ #Navi_wrap{position:absolute; left:0; top:50px; width:100%; height:41px; z-index:999;} /*#Navi_wrap:hover #Navi_over{display:block; z-index:99;}*/ /* 네비게이션 ------------------------------ */ #Navi_wrap #Navi{width:1100px; margin:0 auto; overflow:hidden;} #Navi_wrap #Navi ul{float:right; overflow:hidden;} #Navi_wrap #Navi ul li{float:left; background:url(../img/header/navi_l.gif) left 3px no-repeat;} #Navi_wrap #Navi ul li.first{background:none;} #Navi_wrap #Navi ul li a{display:block; width:120px; text-align:center; font-size:18px; font-weight:600; color:#444; letter-spacing:-0.05em; *letter-spacing:-0.08em; line-height:1.3;} #Navi_wrap #Navi ul li a:hover{color:#d9371e; text-decoration:none;} #Navi_wrap #Navi ul li.on a{color:#d9371e;} /* 네비게이션_over ------------------------------ */ #Navi_wrap #Navi_over{position:absolute; left:0; top:41px; width:100%; min-width:1100px; background:#f5f5f5; border-bottom:1px solid #cecece; display:none;} #Navi_wrap #Navi_over .inner{width:1100px; margin:0 auto; overflow:hidden;} #Navi_wrap #Navi_over .navigroup{float:left; width:119px; height:380px; border-left:1px solid #ddd; padding:15px 0 20px;} #Navi_wrap #Navi_over .navigroup:hover{background:#f0f0f0;} #Navi_wrap #Navi_over .navigroup span{display:block; padding:0 0 10px;} #Navi_wrap #Navi_over .navigroup span a{display:block; font-size:13px; color:#444; letter-spacing:-0.05em; line-height:1.3; padding:0px 0 0 15px;} #Navi_wrap #Navi_over .navigroup span a:hover{text-decoration:none; color:#d9371e;} #Navi_wrap #Navi_over .navigroup span ul{padding:5px 0 0;} #Navi_wrap #Navi_over .navigroup span ul li{} #Navi_wrap #Navi_over .navigroup span ul li a{display:block; font-size:11px; color:#888; letter-spacing:-0.05em; line-height:1.3; padding:2px 0 2px 23px; background:url(../img/sub/dot2.gif) 15px 50% no-repeat;} #Navi_wrap #Navi_over .inner .navi1{margin-left:141px; border:0;} #Navi_wrap #Navi_over .inner .navi2{} #Navi_wrap #Navi_over .inner .navi3{} #Navi_wrap #Navi_over .inner .navi4{} #Navi_wrap #Navi_over .inner .navi5{} #Navi_wrap #Navi_over .inner .navi6{} #Navi_wrap #Navi_over .inner .navi7{} #Navi_wrap #Navi_over .inner .navi8{/*width:144px;*/} /**************************************************** 푸터 ****************************************************/ #F_menu, #Footer{background:#f8f8f8;} /* 푸터 메뉴 ------------------------------ */ #F_menu{border-width:1px 0; border-style:solid; border-color:#797979 #fff #dfdfdf #fff; margin:} /* 메뉴 */ #F_menu .inner{width:1100px; height:41px; overflow:hidden; margin:0 auto;} #F_menu .inner ul{float:left; overflow:hidden;} #F_menu .inner ul li{float:left; padding-left:21px; background:url(../img/header/F_menu_l.gif) 10px 50% no-repeat; line-height:1.3;} #F_menu .inner ul li.first{padding-left:0; background:none;} #F_menu .inner ul li a{display:block; line-height:41px; color:#212121; font-size:13px; letter-spacing:-0.05em;} #F_menu .inner ul li a:hover{text-decoration:none; color:#d9371e;} /* 셀렉트 */ #F_menu .inner div{float:right; margin:8px 0 0;} #F_menu .inner div select{width:160px; height:25px; font-size:13px; color:#666; border:1px solid #d9d9d9; padding:3px;} /* 푸터 ------------------------------ */ #Footer{} #Footer .inner{width:1100px; min-height:50px; margin:0 auto; padding:25px 0 50px; font-size:13px; color:#666; letter-spacing:-0.02em; line-height:1.8; background:url(../img/header/f_logo.png) right 30px no-repeat;} #Footer .inner span{display:inline-block; margin:0 7px; color:#ddd;} #Footer .inner small{display:block; font-size:13px; color:#999; padding:5px 0 0;} /**************************************************** 메인 비주얼 ****************************************************/ #M_visual{position:relative; width:100%; height:270px; overflow:hidden;} /* 배경 */ #M_visual .Vis_bg_left{position:absolute; left:0; top:0; width:50%;} #M_visual .Vis_bg_left .inner{height:270px; margin-right:550px; background:url(../img/main/vis_bg_left.jpg) right top no-repeat;} #M_visual .Vis_bg_right{position:absolute; right:0; top:0; width:50%;} #M_visual .Vis_bg_right .inner{height:270px; margin-left:550px; background:url(../img/main/vis_bg_right.jpg) left top no-repeat;} /* 비주얼 */ #M_visual .Visual{position:relative; width:1100px; height:270px; margin:0 auto; z-index:2;} #M_visual .Visual .color{position:absolute; left:0; top:0; width:490px; height:270px; background:url(../img/main/vis_shadow.png) left top no-repeat #a31c0a;} #M_visual .Visual div.img{position:absolute; right:0; top:0; width:610px; height:270px; overflow:hidden;} #M_visual .Visual p{position:absolute; left:40px; top:40px; color:#fff; font-size:35px; letter-spacing:-0.07em; line-height:1.3; z-index:2;} #M_visual .Visual span{position:absolute; left:40px; top:145px; height:35px; line-height:34px; color:#222; font-size:15px; letter-spacing:-0.05em; padding:0 80px 0 15px; background:url(../img/main/vis_txtbg.png) left top repeat; z-index:2;} #M_visual .Visual span a.more{position:absolute; right:0; top:0; width:58px; height:35px; line-height:34px; padding-left:12px; color:#fff; font-size:13px; letter-spacing:-0.05em; background:url(../img/main/vis_more.gif) 53px 14px no-repeat #a31c0a;} #M_visual .Visual div.controller{position:absolute; left:40px; bottom:36px; font-size:0; z-index:2;} #M_visual .Visual div.controller a{display:inline-block; width:35px; height:35px; margin-right:1px;} #M_visual .Visual div.controller a.btn_left{background:url(../img/main/vis_left.png) left top no-repeat;} #M_visual .Visual div.controller a.btn_right{background:url(../img/main/vis_right.png) left top no-repeat;} #M_visual .Visual div.controller a.btn_left:hover{background-position:0 -35px;} #M_visual .Visual div.controller a.btn_right:hover{background-position:0 -35px;} /**************************************************** 메인 ****************************************************/ #M_container{width:1100px; margin:20px auto 20px; overflow:hidden;} /* 퀵 아이콘 ------------------------------ */ #M_container .M_quickICON{float:left; width:730px; height:178px; border-top:2px solid #d9341e;} #M_container .M_quickICON ul{overflow:hidden;} #M_container .M_quickICON ul li{float:left; width:120px; height:88px; text-align:center; border-width:0 1px 1px 0; border-style:solid; border-color:#ddd;} #M_container .M_quickICON ul li.first{width:123px; border-width:0 1px 1px;} #M_container .M_quickICON ul li:hover{background:#f2f2f2;} #M_container .M_quickICON ul li a{display:block; height:88px;} #M_container .M_quickICON ul li a:hover{text-decoration:none;} #M_container .M_quickICON ul li div{width:100px; height:60px; margin:3px auto 0; background:url(../img/main/quick_icon.png) 0 0 no-repeat;} #M_container .M_quickICON ul li p{font-size:13px; color:#333; line-height:1.3; letter-spacing:-0.07em;} #M_container .M_quickICON ul li div.icon1{background-position:0 0;} #M_container .M_quickICON ul li div.icon2{background-position:-100px 0;} #M_container .M_quickICON ul li div.icon3{background-position:-200px 0;} #M_container .M_quickICON ul li div.icon4{background-position:-300px 0;} #M_container .M_quickICON ul li div.icon5{background-position:-400px 0;} #M_container .M_quickICON ul li div.icon6{background-position:-500px 0;} #M_container .M_quickICON ul li div.icon7{background-position:0 -60px;} #M_container .M_quickICON ul li div.icon8{background-position:-100px -60px;} #M_container .M_quickICON ul li div.icon9{background-position:-200px -60px;} #M_container .M_quickICON ul li div.icon10{background-position:-300px -60px;} #M_container .M_quickICON ul li div.icon11{background-position:-400px -60px;} #M_container .M_quickICON ul li div.icon12{background-position:-500px -60px;} #M_container .M_quickICON ul li div.icon13 {background:url(../img/main/main_quick_ico1.png) 50% 50% no-repeat; animation:fade .8s infinite linear;} @keyframes fade { 0% { opacity:1; } 50% { opacity:.4; } 100% { opacity:1; } } #M_container .M_quickICON ul li:nth-child(3):hover .icon13 {animation:none;} .schd_table{border-top:1px solid #ec6550; border-left:1px solid #ddd} .schd_table *{word-break:keep-all;} .schd_table tr:nth-child(even) {background:#f7f7f7;} .schd_table th {height:20px; padding:6px 10px; border-width:0 1px 1px 0; border-style:solid; border-color:#ddd; line-height:1.4; background:#fbeae7; text-align:center; font-weight:normal; color:#d42f12;} .schd_table td{height:20px; padding:6px 10px; border-width:0 1px 1px 0; border-style:solid; border-color:#ddd; line-height:1.4; text-align:center; font-weight:normal; } .schd_table tbody th, .schd_table tbody td{font-weight:normal; color:#444;} .schd_table tbody th{} .schd_table tbody td{} .schd_table span{color:#d42f12;} .schd_table .no{color:#aaa;} .schd_table .red{color:#ff0000;} .schd_table .blue{color:#001aff;} /* 로그인박스 ------------------------------ */ #M_container #M_Loginbox{float:right; width:348px; height:178px; border:1px solid #ddd; overflow:hidden;} /* 로그인 */ #M_container #M_Loginbox .M_LOGIN{padding:27px 29px 0;} #M_container #M_Loginbox .M_LOGIN .logininput{position:relative;} #M_container #M_Loginbox .M_LOGIN .logininput input{width:178px; height:25px; line-height:25px; font-size:13px; color:#666; padding:0 0 0 10px; border:1px solid #d2d6dd; margin:0 0 5px; *margin-bottom:4px; *margin-top:-1px;} #M_container #M_Loginbox .M_LOGIN .logininput input:focus{border-color:#ff6854;} #M_container #M_Loginbox .M_LOGIN .logininput button{position:absolute; right:0; top:0; width:90px; height:59px; font-weight:600; color:#6e6e6e; font-size:14px; letter-spacing:-0.05em; background:#fbfbfb; border:1px solid #e3e3e3;} #M_container #M_Loginbox .M_LOGIN .logininput button:hover{background:#fff; border-color:#ff6854; color:#d9371e;} #M_container #M_Loginbox .M_LOGIN .checkbox{padding:7px 0 8px; *padding:5px 0 8px;} #M_container #M_Loginbox .M_LOGIN .checkbox input{vertical-align:middle; margin-right:5px; *margin-left:-4px;} #M_container #M_Loginbox .M_LOGIN .checkbox label{vertical-align:middle; font-size:13px; color:#999; letter-spacing:-0.05em; *letter-spacing:-0.08em; margin-right:30px;} #M_container #M_Loginbox .M_LOGIN .checkbox label:hover{color:#666;} #M_container #M_Loginbox .M_LOGIN .menu{height:28px; text-align:center; border:1px solid #ff6854; font-size:0;} #M_container #M_Loginbox .M_LOGIN .menu a{display:inline-block; font-size:13px; line-height:28px; letter-spacing:-0.05em; color:#e1434b; padding-right:15px; background:url(../img/main/login_arrow.gif) right 50% no-repeat; margin:0 15px;} #M_container #M_Loginbox .M_LOGIN .menu :hover{color:#a81400; text-decoration:none;} /* 로그아웃 */ #M_container #M_Loginbox .M_LOGOUT{position:relative; width:348px; height:178px;} #M_container #M_Loginbox .M_LOGOUT .LOGOUTinfo{overflow:hidden; font-size:0; padding:13px 0 0 29px;} #M_container #M_Loginbox .M_LOGOUT .LOGOUTinfo div.img{position:relative; float:left; width:80px; height:80px; margin-right:20px;} #M_container #M_Loginbox .M_LOGOUT .LOGOUTinfo div.img .bg{position:absolute; left:0; top:0; width:80px; height:80px; background:url(../img/main/logout_img.png) left top no-repeat; z-index:2;} #M_container #M_Loginbox .M_LOGOUT .LOGOUTinfo strong{display:block; font-size:13px; font-weight:normal; color:#999; line-height:1.3;} #M_container #M_Loginbox .M_LOGOUT .LOGOUTinfo p{color:#353535; font-size:15px; line-height:1.3; letter-spacing:-0.05em; height:20px; overflow:hidden; padding:5px 0 10px;} #M_container #M_Loginbox .M_LOGOUT .LOGOUTinfo p b{font-weight:600;} #M_container #M_Loginbox .M_LOGOUT .LOGOUTinfo p span{display:inline-block; padding-left:10px; color:#ff6854; font-weight:600; letter-spacing:0;} #M_container #M_Loginbox .M_LOGOUT .LOGOUTinfo a.btn{display:inline-block; height:22px; line-height:22px; color:#888; font-size:12px; letter-spacing:-0.05em; background-color:#f8f8f8; border:1px solid #d9d9d9; margin-right:5px; padding:0 10px;} #M_container #M_Loginbox .M_LOGOUT .LOGOUTinfo a.btn.mypage{padding-right:21px; background-image:url(../img/main/logout_mypage.png); background-position:70px 50%; background-repeat:no-repeat;} #M_container #M_Loginbox .M_LOGOUT .LOGOUTinfo a.btn:hover{border-color:#bbb; color:#444; text-decoration:none;} #M_container #M_Loginbox .M_LOGOUT ul{position:absolute; left:0; bottom:0; overflow:hidden; background:#f8f8f8; border-top:1px solid #ddd;} #M_container #M_Loginbox .M_LOGOUT ul li{float:left; width:116px; text-align:center;} #M_container #M_Loginbox .M_LOGOUT ul li.first{} #M_container #M_Loginbox .M_LOGOUT ul li.first a{border-left:0 none;} #M_container #M_Loginbox .M_LOGOUT ul li a{display:block; height:73px; border-left:1px solid #ebebeb;} #M_container #M_Loginbox .M_LOGOUT ul li a:hover{background:#f2f2f2; text-decoration:none;} #M_container #M_Loginbox .M_LOGOUT ul li div.img{height:43px; padding:7px 0 0;} #M_container #M_Loginbox .M_LOGOUT ul li p{font-size:12px; color:#555; font-weight:600; letter-spacing:-0.05em; line-height:1.3;} /* 공지사항 ------------------------------ */ #M_container .M_notice{position:relative; float:left; width:313px; height:193px; padding:55px 20px 0; border:1px solid #ddd; margin:20px 0 0;} #M_container .M_notice ul.tab{position:absolute; left:-1px; top:-1px; width:355px; overflow:hidden;} #M_container .M_notice ul.tab li{float:left; width:118px;} #M_container .M_notice ul.tab li.first{width:119px;} #M_container .M_notice ul.tab li a{display:block; height:38px; line-height:38px; text-align:center; color:#555; font-size:14px; letter-spacing:-0.07em; border-width:1px 1px 1px 0; border-style:solid; border-color:#ddd; background:#f4f4f4;} #M_container .M_notice ul.tab li a:hover{text-decoration:none; background:#e9e9e9;} #M_container .M_notice ul.tab li.first a{border-width:1px;} #M_container .M_notice ul.tab li.on a{height:39px; color:#d9341e; font-weight:600; border-bottom:0 none; background:#fff; border-color:#d9341e #ddd #ddd;} #M_container .M_notice .cont{} #M_container .M_notice .cont table{} #M_container .M_notice .cont table td{height:30px; padding-left:8px; background:url(../img/main/dot.gif) left 50% no-repeat;} #M_container .M_notice .cont table td a{color:#787878; font-size:13px; letter-spacing:-0.02em;} #M_container .M_notice .cont table td a:hover{color:#d9371e;} /* 학술대회_학술행사------------------------------ */ #M_container .M_event{position:relative; float:left; width:313px; height:193px; padding:55px 20px 0; border:1px solid #ddd; margin:20px 0 0 20px;} #M_container .M_event ul.tab{position:absolute; left:-1px; top:-1px; width:355px; border-bottom:1px solid #d9341e; overflow:hidden;} #M_container .M_event ul.tab li{float:left; width:177px;} #M_container .M_event ul.tab li.first{width:178px;} #M_container .M_event ul.tab li a{display:block; height:39px; line-height:39px; text-align:center; color:#555; font-size:14px; letter-spacing:-0.07em;} #M_container .M_event ul.tab li a:hover{text-decoration:none; color:#000;} #M_container .M_event ul.tab li.on a{background:#d9341e; color:#fff; font-weight:600;} #M_container .M_event .cont{} #M_container .M_event .cont table{} #M_container .M_event .cont table th{height:30px; font-weight:normal; text-align:left;} #M_container .M_event .cont table th a{color:#787878; font-size:13px; letter-spacing:-0.02em;} #M_container .M_event .cont table th a:hover{color:#d9371e;} #M_container .M_event .cont table td{text-align:right; color:#aaa; font-size:12px; letter-spacing:-0.05em;} #M_container .M_event a.btn_apply{position:absolute; left:-1px; bottom:-1px; width:353px; height:33px; line-height:33px; font-size:14px; text-align:center; letter-spacing:-0.07em; color:#e1434b; border:1px solid #ddd; background:#f4f4f4;} #M_container .M_event a.btn_apply span{display:inline-block; padding-right:27px; background:url(../img/main/event_go.png) right 50% no-repeat;} #M_container .M_event a.btn_apply:hover{background:#fff; border-color:#ff6854;} .c_member_list {margin:20px 0px;} .c_member_list td span.apply_pre {padding:5px 12px; border-radius: 3px;background:#ffde00;color:#000;} .c_member_list td span.apply_ing {padding:5px 12px; border-radius: 3px;background:#2ea400; color:#fff;} .c_member_list td span.apply_com {padding:5px 12px; border-radius: 3px;background:#ea0000;color:#fff;} .c_member_list td span.apply_end {padding:5px 12px; border-radius: 3px;background:#949494; color:#fff;} /* 연수회 신청 ****************************************************/ .title_area {display:flex; align-items: center;} .title_area span strong {color:#f76030; font-weight:600;} .title_area select {width:15%; height:40px; font-size:1rem; color:#999; padding:0px 8px; border:1px solid #d2d2d2; border-radius: 5px; background:#ffffff; margin-left:50px;} .title_area select:hover {border:1px solid #333;} .title_area .apply_Tb {display:flex; align-items: flex-end; border-radius: 5px; margin-left: auto;} .title_area .apply_Tb li {border:1px solid #d2d2d2; margin-left: -1px;} .title_area .apply_Tb li:first-child {border-radius: 5px 0 0 5px;} .title_area .apply_Tb li:last-child {border-radius:0 5px 5px 0} .title_area .apply_Tb li a {display: block; padding:8px 15px;} .title_area .apply_Tb li.on {background:#f76030; border-color:#f76030;} .title_area .apply_Tb li.on a {color:#ffffff;} #apply_form {display: none;} /* 구인구직 ------------------------------ */ #M_container .M_jobs{position:relative; float:right; width:308px; height:78px; padding:50px 20px 0; border:1px solid #ddd; margin:20px 0 0 0;} #M_container .M_jobs ul.tab{position:absolute; left:-1px; top:-1px; width:350px; overflow:hidden;} #M_container .M_jobs ul.tab li{float:left; width:116px;} #M_container .M_jobs ul.tab li.first{width:118px;} #M_container .M_jobs ul.tab li a{display:block; height:38px; line-height:38px; text-align:center; color:#555; font-size:14px; letter-spacing:-0.07em; border-width:1px 1px 1px 0; border-style:solid; border-color:#ddd; background:#f4f4f4;} #M_container .M_jobs ul.tab li a:hover{text-decoration:none; background:#e9e9e9;} #M_container .M_jobs ul.tab li.first a{border-width:1px;} #M_container .M_jobs ul.tab li.on a{height:39px; color:#d9341e; font-weight:600; border-bottom:0 none; background:#fff; border-color:#d9341e #ddd #ddd;} #M_container .M_jobs .cont{} #M_container .M_jobs .cont table{} #M_container .M_jobs .cont table td{height:23px;} #M_container .M_jobs .cont table td.date{text-align:right; font-size:12px; color:#aaa; letter-spacing:-0.05em;} #M_container .M_jobs .cont table td a{color:#787878; font-size:13px; letter-spacing:-0.02em;} #M_container .M_jobs .cont table td a:hover{color:#d9371e;} /* 소식지 ------------------------------ */ #M_container .M_book{float:right; width:174px; height:109px; padding:10px 0 0; border-width:0 1px 1px 1px; border-style:solid; border-color:#ddd; background:#f9f9f9; text-align:center; overflow:hidden;} #M_container .M_book div.img{width:115px; height:80px; margin:0 auto;} #M_container .M_book p{margin:5px 0 0; height:18px; overflow:hidden;} #M_container .M_book p a{font-size:12px; color:#555; line-height:1.3; letter-spacing:-0.05em;} #M_container .M_book p a:hover{color:#d9371e; text-decoration:none;} /* 학회동정 ------------------------------ */ #M_container .M_gallery{position:relative; float:right; width:173px; height:109px; padding:10px 0 0; text-align:center; border-width:0 1px 1px 0; border-style:solid; border-color:#ddd; background:#f9f9f9;} #M_container .M_gallery p{margin:5px 0 0; height:18px; overflow:hidden;} #M_container .M_gallery p a{font-size:12px; color:#555; line-height:1.3; letter-spacing:-0.05em;} #M_container .M_gallery p a:hover{color:#d9371e; text-decoration:none;} #M_container .M_gallery div.controller{} #M_container .M_gallery div.controller a{display:block; width:23px; height:23px; top:50%; margin-top:-11px; border:1px solid #ddd; background-color:#fff; background-image:url(../img/main/gallery_btn.png); z-index:9;} #M_container .M_gallery div.controller a.btn_left{position:absolute; left:-1px; background-position:0 0;} #M_container .M_gallery div.controller a.btn_left:hover{background-position:0 -23px;} #M_container .M_gallery div.controller a.btn_right{position:absolute; right:-1px; background-position:-23px 0;} #M_container .M_gallery div.controller a.btn_right:hover{background-position:-23px -23px;} /* 파트너사 로고 ------------------------------------*/ .m_partner{position:relative; width:1100px; margin:0 auto 20px; padding:5px 0; box-sizing:border-box; border:1px solid #ddd;} .m_partner .m_partner_slider{position:relative; width:1044px; /*height:40px;*/ margin:0 auto; overflow:hidden; z-index:2;} .m_partner .m_partner_slider2{position:relative; width:1044px; /*height:40px;*/ margin:0 auto; overflow:hidden; z-index:2;} .m_partner .bannerNext, .m_partner .bannerPrev{position:absolute; top:50%; margin-top:-12px; display:block; width:23px; height:23px; border:1px solid #ddd; z-index:9; cursor:pointer; transition:all 0.3s;} .m_partner .bannerNext{left:-1px; background:url('../img/main/gallery_btn.png') 0 0 no-repeat;} .m_partner .bannerPrev{right:-1px; background:url('../img/main/gallery_btn.png') -23px 0 no-repeat;} .m_partner .bannerNext:hover{background-position:0 -23px; border-color:#e1434b;} .m_partner .bannerPrev:hover{background-position:-23px -23px; border-color:#e1434b;} /* .m_partner ul{width:1036px; margin:0 auto; padding:10px 0; overflow:hidden;} */ .m_partner{} .m_partner ul{/*overflow:hidden;*/} .m_partner ul li{/*float:left;*/ width:164px; height:38px; margin-left:8px; border:1px solid #ddd; overflow:hidden; /*transition:border-color 0.3s;*/} .m_partner ul li:hover{border-color:#999;} /*.m_partner ul li:first-child{margin-left:0;}*/ /**************************************************** 서브 레이아웃 ****************************************************/ #S_container{max-width:1320px; display: flex; justify-content: space-between; align-items: flex-start; margin:60px auto 40px; /*overflow:hidden;*/} #S_container #Left_area{float:left; width:260px;} #S_container #Contents_area{float:right; width:calc(100% - 320px);} #S_container #Contents_area #Contents{min-height:400px;} /* 서브 비주얼 ------------------------------ */ #S_visual{height:170px; background-color:#c3b2a4; background-position:50% 0; background-repeat:no-repeat;} #S_visual.bg1{background-image:url(../img/sub/svis1.jpg);} #S_visual.bg2{background-image:url(../img/sub/svis2.jpg);} #S_visual.bg3{background-image:url(../img/sub/svis3.jpg);} #S_visual.bg4{background-image:url(../img/sub/svis4.jpg);} #S_visual.bg5{background-image:url(../img/sub/svis5.jpg);} #S_visual.bg6{background-image:url(../img/sub/svis6.jpg);} #S_visual.bg7{background-image:url(../img/sub/svis7.jpg);} #S_visual.bg8{background-image:url(../img/sub/svis8.jpg);} #S_visual.bg9{background-image:url(../img/sub/svis9.jpg);} #S_visual.bg111{background-image:url(../img/sub/svis0.jpg);} /* 좌측메뉴 ------------------------------ */ #S_container #Left_area .lnb_title {background:#F76030; text-align: center; color:#fff; padding:35px 0; border-radius: 20px 20px 0 0;} #Left_area h2{font-size:1.75rem; letter-spacing:-0.05em; font-weight:500;} #Left_area span {display: block; font-size: 0.75rem; font-weight: 300; margin-top:3px; letter-spacing: 0.2em;} #Left_area #LNB {border:1px solid #d2d2d2; border-bottom:none;} #Left_area #LNB li{} #Left_area #LNB li.on {} #Left_area #LNB li a{display:flex; justify-content: space-between; align-items: center; padding:14px 15px; font-size:1.125rem; letter-spacing:-0.05em; color:#000; font-weight:400;} #Left_area #LNB > li > a {border-bottom:1px solid #d2d2d2;} #Left_area #LNB li a i {font-weight: 900; color:#a3a3a3;} #Left_area #LNB li a:hover{text-decoration:none;} #Left_area #LNB li:hover{} #Left_area #LNB li.on{} #Left_area #LNB li.on a {color:#E95A2F; font-weight:600;} #Left_area #LNB li.on > a {border-bottom-color:#E95A2F; border-bottom-width: 2px;} #Left_area #LNB li.on a i {color:#E95A2F} /* 3depth */ #Left_area #LNB li.on ul{display:block!important;} #Left_area #LNB ul{background:#fff; border-bottom:1px solid #d9d9d9; padding:10px 0 10px 10px; display:none;} #Left_area #LNB ul li{border:0 none; display: flex; align-items: center; margin:5px 0 5px 15px;} #Left_area #LNB ul li a, #Left_area #LNB li.on ul li a{display:block; padding:0 0 0 10px; font-size:0.9375rem; letter-spacing:-0.05em; color:#000; font-weight:normal; background:none;} #Left_area #LNB li.on ul li::before {content:""; display: block; width: 5px; height: 5px; background:#949494; border-radius: 100%;} #Left_area #LNB ul li a:hover, #Left_area #LNB li.on ul li a:hover{text-decoration:none; color:#000;} #Left_area #LNB ul li.on, #Left_area #LNB li.on ul li.on{background-position:170px 50%;} #Left_area #LNB li.on ul li.on::before {background:#E95A2F;} #Left_area #LNB ul li.on a, #Left_area #LNB li.on ul li.on a{font-weight: 600; color:#E95A2F;} /* 3depth */ #Left_area #LNB dl{background:#fff; border-bottom:1px solid #d9d9d9; margin:10px 0px 0px; padding:0px 0 3px 0px; } #Left_area #LNB dl dd{border:0 none; display: flex; align-items: center; margin:5px 0 5px 15px;} #Left_area #LNB dd a {display:flex; justify-content: space-between; align-items: center; padding:0px 10px; font-size:0.9375rem; letter-spacing:-0.05em; color:#000; } #Left_area #LNB li.on dd a {color:#000; font-weight:normal;} #Left_area #LNB dd.on dl dd a{display:block; padding:0 0 0 10px; font-size:0.9375rem; letter-spacing:-0.05em; color:#000; font-weight:normal; background:none;} #Left_area #LNB li dl dd::before {content:""; display: block; width: 5px; height: 5px; background:#949494; border-radius: 100%;} #Left_area #LNB li dl dd a:hover{color:#E95A2F; font-weight:600;} #Left_area #LNB li.on dl dd.on{background-position:170px 50%;} #Left_area #LNB dd.on dl dd.on::before {background:#E95A2F;} #Left_area #LNB li.on dl dd.on a{font-weight: 600; color:#E95A2F;} /* 페이지 타이틀 ------------------------------ */ #Contents_area #Pagetit{height: auto; border-bottom:1px dashed #d2d2d2; margin:20px 0 20px; padding-bottom: 20px; overflow:hidden; text-align: left;} #Contents_area #Pagetit h2{font-size:2.1875rem; font-weight:500; text-align: left; letter-spacing:-0.05em; line-height:1.3;} #Contents_area #Pagetit ul{overflow:hidden; margin:15px 0 0;} #Contents_area #Pagetit ul li{float:left; font-size:0.875rem; color:#666; letter-spacing:-0.05em; line-height:1.3;} #Contents_area #Pagetit ul li br {display: none;} #Contents_area #Pagetit ul li:not(:first-child) i {margin:0 10px;} #Contents_area #Pagetit ul li.home{} .captionBox { padding:20px 30px; line-height:1.7em; border-radius: 10px; background:#f6f6f6; } .captionBox b {font-size:1.2em;} /*****************************************************************************************************************************************************************************/ /*****************************************************************************************************************************************************************************/ /******************************************************************************** 서브 컨텐츠 ********************************************************************************/ /*****************************************************************************************************************************************************************************/ /*****************************************************************************************************************************************************************************/ /**************************************************** 분과_지역 학회리스트 ****************************************************/ .society_list{display: flex; flex-wrap: wrap;} .society_list li{width: 31%; display: flex; justify-content: center; align-items: center; border-width:1px; border-style:solid; border-color:#ddd #c4c4c4 #c4c4c4 #ddd; margin:0 0 20px;} .society_list li:not(:nth-child(3n)){margin-right:3.5%} .society_list li a {display: block; width: 100%; height: 100%; padding:20px 0;} .society_list li img {display: block; max-width: 120px; margin:0 auto;} .society_list li:hover{border-color:#ec6550;} .society_list li table{width:100%; height:100%;} .society_list li table td{width:220px; text-align:center; vertical-align:middle;} /* 이미지 */ .society_list li table td img{width:110px;} .society_list li table th{text-align:left; font-weight:normal; line-height:1.7;} .society_list li table th p{} .society_list li table th p a{font-size:17px; color:#333; letter-spacing:-0.05em; font-weight:600;} .society_list li table th p a:hover{text-decoration:none;} .society_list li table th p span{display:inline-block; margin-left:15px; font-size:13px; color:#d9371e; letter-spacing:0; font-weight:normal;} .society_list li table th div{font-size:13px; margin:5px 0 0;} .society_list li table th div b{font-weight:normal; color:#333;} .society_list li table th div span{display:inline-block; margin:0 7px; color:#ddd;} .license_table{border-top:1px solid #ec6550; margin:10px 0px;} .license_table th, .license_table td{height:auto; border-bottom:1px solid #ddd; text-align:left; font-weight:normal; padding:12px; } .license_table thead th{background:#f7f7f7; color:#444;} .license_table tbody th{width:15%; background:#f7f7f7; color:#444;} .license_table td{} .license_table td input[type="checkbox"] { appearance: none; margin:5px; border: max(1px, 0.1em) solid gray; border-radius: 3px; width: 1.25em; height: 1.25em; cursor: pointer; transition: border 0.1s ease-in-out;} .license_table td input[type="checkbox"]:checked { border: 0.4em solid tomato; } table.table-license td ul.career {display:flex; justify-content: space-between;border-left:1px solid #d2d2d2; border-top:1px solid #d2d2d2;} table.table-license td ul.career li{flex: 1 1 30%; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2;padding:4px; font-size:13px;} table.table-license td ul.career li:last-child {margin-right:0px;} div.license1 h5 {color:#F76030; padding:10px 0px;} table.table-license td ul.career:first-child li {background:#f8f9fb;} ul#academic {clear:both; float:left; width:100%; height:auto; position:relative; border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2;} ul#academic li {float:left; width:33%; height:auto; padding:10px; line-height:1em; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; font-size:13px; } ul#academic li:nth-child(5n+1) {clear:both; width:50%; background:#f8f9fb; } ul#academic li:nth-child(5n+2) {width:50%; background:#f8f9fb;} ul#academic li:nth-child(5n+3) {width:34%; clear:both; } ul#academic li:nth-child(5n+4) { } ul#academic li:nth-child(5n+5) { } i.xi-plus {border-radius: 100%; padding:4px;} i.xi-plus:hover {background-color:#212121; color:#ffffff;border:1px solid #212121; } .academic_input {border-radius: 4px; padding:5px 10px; border:1px solid #ececec; width:100%; } .academic_select {width:100%; height:auto; padding:5px 10px; border:1px solid #ececec; } .academic_select option {} /**************************************************** 전문상담사_자격신청 ****************************************************/ .license_wrap{display: none; position:relative; padding:25px 20px; border:1px solid #f0afa5; overflow:hidden;} .license_wrap h3{margin-bottom:40px; font-weight:400;} .license_wrap h5{margin:55px 35px 0 20px; font-weight:400; float:left;} .license_wrap ul.license1{float:left;} .license_wrap ul.license1 li{margin-right:15px; display:inline-block; vertical-align:middle;} .license_wrap ul.license1 li span{width:138px; padding:15px 0; border:6px solid #a9abaa; color:#5b595a; display:block; text-align:center; font-size:14px; font-weight:600;} .license_wrap ul.license1 li span.now{border-color:#80bf00; color:#647f14;} .license_wrap ul.license1 li span.success{border-color:#de442a; color:#de442a;} .license_wrap .level1{padding-top:40px; overflow:hidden;} .license_wrap .level2{padding-bottom:40px; border-bottom:1px solid #bec2c5; overflow:hidden;} .license_wrap ul.condition{position:absolute; top:15px; right:5px; margin:15px 0 40px; text-align:right;} ul.condition li{display:inline-block; margin-right:20px; padding-left:16px;} ul.condition li.license_gain{background:url(../img/contents/license_gain.gif) left 2px no-repeat;} ul.condition li.ing{background:url(../img/contents/license_ing.gif) left 2px no-repeat;} ul.condition li.fail{background:url(../img/contents/license_fail.gif) left 2px no-repeat;} div.license1{width: 100%; float:left;} .license_wrap ~ span.notice {display:block; line-height:1.4; margin:15px 0 0; text-align:center;} .license_information_wrap{margin-top:30px;} .license_information_wrap h4{} .license1 .down_notice {display: inline-block; font-size: 1.125rem; color:#fff; background:#f76030; padding:5px 15px 8px 30px; border-radius: 10px;} .license1 .down_notice i {font-size: 1.5rem; margin-left: 20px; transform:translateY(3px);} .license1 .title {display: block; font-size: 1.75rem; font-weight: 600; color:#f76030; margin:30px 0 20px} .license1 .sub_title {display: block; font-family: "Noto Sans KR"; font-size: 1.25rem;} .license1 .renew_list { border-top:2px solid #e95a2f; margin-top:20px; margin-bottom: 70px;} .license1 .renew_list th, .license1 .renew_list td {font-family: "Noto Sans KR";padding:15px;} .license1 .renew_list thead {border:1px solid #d2d2d2; background:rgba(238,238,238,0.5);} .license1 .renew_list th {font-weight: 500; border:none;} .license1 .renew_list td {font-size: 0.9375rem; font-weight: 500; border:1px solid #d2d2d2;} .license1 .renew_list .class {background:rgba(233,90,47,0.05)} .license1 .renew_list .done {width: 80px; display: inline-block; color:#666; border:1px solid #d2d2d2; border-radius: 5px; padding:4px 0; font-weight: 400;} .license1 .renew_list .able {width: 80px; display: inline-block; color:#fff; border-radius: 5px; padding:4px 0; background:#d7341f; font-weight: 400;} .license1 .renew_list .disable {width: 80px; display: inline-block; color:#666; background:#d2d2d2; border-radius: 5px; padding:4px 0; font-weight: 400;} .license1 .renew_list .yet {color:#666; font-weight: 400;} .license1 .caption {padding:10px 0px; color:#F76030;} .license1 .caption1 {padding:10px 0px 10px; text-align: right;} .license-step {display: flex; flex-wrap: wrap; margin-bottom: 30px; padding-bottom: 10px; overflow: hidden;} .license-step li {width: 16.5%; height:47px; line-height:28px; border:1px solid #d2d2d2; background:#f8f9fb; color:#666; text-align: center; letter-spacing: -0.01em; position:relative; padding:9px 0 9px 10px;} .license-step li:not(:first-child) {border-left: none;} .license-step li:not(:last-child) {border-right: none;} .license-step li:not(:last-child)::after {content: ""; display: block; width: 32px; height: 32px; border-top: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; background:#f8f9fb; position: absolute; top: 6px; right: -16px; transform: rotate(45deg); z-index: 2;} .license-step li.on {width: 17.5%; color:#f76030; border-color: #f76030; font-weight: 600; background:#fff; box-shadow: 0px 5px 5px #f760301a;} .license-step li.on::after {background:#fff; border-color: #f76030; box-shadow: 5px -2px 5px #f760301a;} .license-step li.before::after {border-color:#f76030;} .license-step li:not(:first-child).before::before {content: ""; display: none; width: 45px; height: 45px; border-top: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; background: #fff; position: absolute; top: 8px; left: -23px; transform: rotate(45deg); z-index: 2;} .license-title {font-size:20px !important; color:#E95A2F; font-weight:bold; padding:10px 0px;} .license-title b {font-size:20px !important; color:#212121; font-weight:bold;} .map_table{border-top:1px solid #ec6550;} .map_table th, .map_table td {height:auto; border-bottom:1px solid #ddd; text-align:left; font-weight:normal; padding:12px; } .map_table th{background:#f7f7f7; color:#444;} .map_table td{} /* 컨텐츠박스 */ .join_contbox{font-size:13px; line-height:1.6; padding:10px 15px; border:1px solid #ddd;} .join_contbox span{color:#d9371e;} .join_contbox b{font-weight:600; color:#444;} .join_contbox strong{color:#d9371e; font-weight:600;} /* 버튼 */ .join_btn{text-align:center; margin:30px 0 0;} .join_btn a{display:inline-block; height:40px; text-align:center;line-height:39px; font-size:16px; font-weight:600; color:#fff; letter-spacing:-0.05em; background:#d9371e; border:1px solid #b71d06; padding:0 20px;} /* 제출서류 보기 */ .View_Doc{position:relative; display:inline-block; margin-left:7px;} .View_Doc span{display:inline-block; height:auto; padding:3px 12px 2px; font-size:13px; color:#ffffff; background:#f76030; border-radius:3px; cursor:pointer;} .View_Doc:hover span{background:#ec6550; color:#fff;} .View_Doc:hover .view{display:block; z-index:99;} .View_Doc .view{position:absolute; right:0; top:24px; width:158px; padding:5px 10px 5px 10px; background:#fff; border:1px solid #ec6550; display:none;} .View_Doc .view li{padding-left:8px; background:url(../img/sub/arrow.gif) 0 6px no-repeat; line-height:1.4; font-size:11px; color:#555; margin:5px 0; letter-spacing:-0.05em;} .receipt_stage ul{display: none; border:1px solid #d9371e; overflow:hidden;} .receipt_stage ul li{position:relative; width:168px; padding:22px 0; text-align:center; font-size:14px; font-weight:600; border-right:1px solid #d9371e; float:left;} .receipt_stage ul li span{position:absolute; right:-12px; top:50%; margin-top:-12px; width:12px; height:24px; background:url(../img/contents/stage_arrow.png) left top no-repeat;} .receipt_stage ul li.on span{background-image:url(../img/contents/stage_arrow_on.png);} .receipt_stage ul li.fir{padding:88px 0 20px; background:url(../img/contents/stage_icon1_off.png) 50% 28px no-repeat;} .receipt_stage ul li.last{border-right:none; background:none;} .receipt_stage ul li img{margin-bottom:12px;} .receipt_stage ul .fir.on{color:#fff; background:url(../img/contents/stage_icon1_on.png) 50% 28px no-repeat #d9371e;} .receipt_stage ul li.sec{padding:88px 0 20px; background:url(../img/contents/stage_icon2_off.png) 50% 28px no-repeat;} .receipt_stage ul .sec.on{color:#fff; background:url(../img/contents/stage_icon2_on.png) 50% 28px no-repeat #d9371e;} .receipt_stage ul li.thi{padding:88px 0 20px; background:url(../img/contents/stage_icon3_off.png) 50% 28px no-repeat;} .receipt_stage ul .thi.on{color:#fff; background:url(../img/contents/stage_icon3_on.png) 50% 28px no-repeat #d9371e;} .receipt_stage ul li.fou{padding:88px 0 20px; background:url(../img/contents/stage_icon4_off.png) 50% 28px no-repeat;} .receipt_stage ul .fou.on{color:#fff; background:url(../img/contents/stage_icon4_on.png) 50% 28px no-repeat #d9371e;} .receipt_stage ul li.fif{padding:88px 0 20px; background:url(../img/contents/stage_icon5_off.png) 50% 28px no-repeat;} .receipt_stage ul .fif.on{color:#fff; background:url(../img/contents/stage_icon5_on.png) 50% 28px no-repeat #d9371e;} .receipt_step {display: flex; flex-wrap: wrap; margin-bottom: 50px; padding-bottom: 10px; overflow: hidden;} .receipt_step li {width: 25%; border:1px solid #d2d2d2; background:#f8f9fb; font-size: 1.0625rem; color:#666; text-align: center; letter-spacing: -0.01em; position:relative; padding:10px 0 10px 10px;} .receipt_step li:not(:first-child) {border-left: none;} .receipt_step li:not(:last-child) {border-right: none;} .receipt_step li:not(:last-child)::after {content: ""; display: block; width: 33px; height: 33px; border-top: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; background:#f8f9fb; position: absolute; top: 6px; right: -16px; transform: rotate(45deg); z-index: 2;} .receipt_step li.on {color:#f76030; border-color: #f76030; font-weight: 600; background:#fff; box-shadow: 0px 5px 5px #f760301a;} .receipt_step li.on::after {background:#fff; border-color: #f76030; box-shadow: 5px -2px 5px #f760301a;} .receipt_step li.before::after {border-color:#f76030;} .receipt_step li:not(:first-child).before::before {content: ""; display: none; width: 45px; height: 45px; border-top: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; background: #fff; position: absolute; top: 8px; left: -23px; transform: rotate(45deg); z-index: 2;} /**************************************************** 전문상담사_원서접수 ****************************************************/ .exam_wrap{padding:25px 20px; border:1px solid #f0afa5; overflow:hidden;} .exam_wrap h3{margin-bottom:15px;} .exam_wrap .exam_information{margin-bottom:35px; padding-top:10px; border-top:1px solid #bec2c5;} .exam_wrap .exam_information h5{line-height:1.8; font-weight:400;} .exam_wrap .receipt_stage{padding-top:15px; border-top:1px solid #bec2c5;} .exam_wrap .receipt_stage ul{border:1px solid #d9371e; overflow:hidden;} .exam_wrap .receipt_stage ul li{position:relative; width:160px; padding:22px 0; text-align:center; font-size:14px; font-weight:600; border-right:1px solid #d9371e; float:left;} .exam_wrap .receipt_stage ul li span{position:absolute; right:-12px; top:50%; margin-top:-12px; width:12px; height:24px; background:url(../img/contents/stage_arrow.png) left top no-repeat;} .exam_wrap .receipt_stage ul li.on span{background-image:url(../img/contents/stage_arrow_on.png);} .exam_wrap .receipt_stage ul li.fir{padding:88px 0 20px; background:url(../img/contents/stage_icon1_off.png) 50% 28px no-repeat;} .exam_wrap .receipt_stage ul li.last{border-right:none; background:none;} .exam_wrap .receipt_stage ul li img{margin-bottom:12px;} .exam_wrap .receipt_stage ul .fir.on{color:#fff; background:url(../img/contents/stage_icon1_on.png) 50% 28px no-repeat #d9371e;} .exam_wrap .receipt_stage ul li.sec{padding:88px 0 20px; background:url(../img/contents/stage_icon2_off.png) 50% 28px no-repeat;} .exam_wrap .receipt_stage ul .sec.on{color:#fff; background:url(../img/contents/stage_icon2_on.png) 50% 28px no-repeat #d9371e;} .exam_wrap .receipt_stage ul li.thi{padding:88px 0 20px; background:url(../img/contents/stage_icon3_off.png) 50% 28px no-repeat;} .exam_wrap .receipt_stage ul .thi.on{color:#fff; background:url(../img/contents/stage_icon3_on.png) 50% 28px no-repeat #d9371e;} .exam_wrap .receipt_stage ul li.fou{padding:88px 0 20px; background:url(../img/contents/stage_icon4_off.png) 50% 28px no-repeat;} .exam_wrap .receipt_stage ul .fou.on{color:#fff; background:url(../img/contents/stage_icon4_on.png) 50% 28px no-repeat #d9371e;} .exam_wrap .receipt_stage ul li.fif{padding:88px 0 20px; background:url(../img/contents/stage_icon5_off.png) 50% 28px no-repeat;} .exam_wrap .receipt_stage ul .fif.on{color:#fff; background:url(../img/contents/stage_icon5_on.png) 50% 28px no-repeat #d9371e;} .exam_wrap .basic h5{line-height:2.5; font-weight:400;} .exam_wrap .basic p{margin-bottom:35px;} .exam_wrap .basic ul li{margin-bottom:10px;} /* 전문상담사 심사/시험 결과발표 */ #step_status {padding:0px 0 50px; border-bottom:1px dashed #cbcbcb; margin-bottom: 50px;} #step_status .info_wrap {display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px;} #step_status .info_wrap span {font-size: 1.75rem; font-weight: 500; letter-spacing: -0.05em;} #step_status .info_wrap span b {font-size: inherit; color:#f76030;} #step_status .info_wrap .process_info {display: flex;} #step_status .info_wrap .process_info dl {display: flex; align-items: center; font-size: 0.9375rem; color:#666;} #step_status .info_wrap .process_info dl:not(:last-child) {margin-right: 20px;} #step_status .info_wrap .process_info dl dt {width: 10px; height: 10px; margin:2px 5px 0 0;} #step_status .info_wrap .process_info dl dt.pass {background:#80bf00} #step_status .info_wrap .process_info dl dt.accept {background:#de442a} #step_status .info_wrap .process_info dl dt.yet {background:#a9abaa;} #step_status .info_wrap .process_info dl dd {margin-left: 0;} #step_status .step_wrap ol {display: flex; flex-wrap: wrap; align-items: center;} #step_status .step_wrap ol li {width: 23%;} #step_status .step_wrap ol li:not(:last-child) {margin-right: 2.666%;} #step_status .step_wrap ol li .step_box {height: 100px; display: flex; justify-content: center; align-items: center; border-radius: 10px; /*padding:35px 15px;*/ font-size: 1.0625rem; font-weight: 600;} #step_status .step_wrap ol li:last-child .step_box {background:#f8f9fb; border:1px solid #d2d2d2; /*padding:35px 0;*/} #step_status .step_wrap ol li:nth-child(2) .step_box:first-child {margin-bottom: 30px;} #step_status .step_wrap ol li:not(:last-child) .step_box {display: flex; flex-direction: column;} #step_status .step_wrap ol li:not(:last-child) .step_box .step_num {width: 100%; height: 50%; display: flex; justify-content: center; align-items: center; background:#666; font-weight: 700; color:#fff; /*padding:15px 0;*/ border-radius:10px 10px 0 0;} #step_status .step_wrap ol li:not(:last-child) .step_box .step_title {width: 100%; height: 50%; display: flex; justify-content: center; align-items: center; background:#f8f9fb; /*padding:12px 0;*/ border:1px solid #d2d2d2; border-top:none; border-radius:0 0 10px 10px;} #step_status .step_wrap ol li:not(:last-child) .step_box.now .step_num {background:#de442a;} #step_status .step_wrap ol li:not(:last-child) .step_box.now .step_title {color:#de442a;} #step_status .step_wrap ol li:not(:last-child) .step_box.success .step_num {background:#80bf00;} #step_status .step_wrap ol li:not(:last-child) .step_box.success .step_title {color:#80bf00;} /* 전문상담사 명단 ----------------*/ .supervisor_txt{line-height:1.6; font-size:13px; border:3px solid #ededed; text-align:center; margin:0 0 20px; padding:20px 0;} /**************************************************** 회원가입 ****************************************************/ /* 입력 폼 ---------------------------------------------*/ .join_form{position: relative; border-top: 2px solid #e95a2f; margin: 15px 0 30px; } .join_form caption{position:absolute; right:0; top:-23px; text-align:right; color:#888; line-height:1.3;} .join_form th, .join_form td{text-align: left; font-weight: normal; border-bottom: 1px solid #ddd;} .join_form th{padding:12px; font-weight: 500; letter-spacing:-0.05em; text-align: center;} .join_form td {padding: 12px; } /* 주소 */ .join_form td.address{} .join_form td.address input{} /* 요소 */ .join_form select{ height:32px; line-height:22px; margin:2px; border-radius: 2px; text-align: center; border: 1px solid #d2d2d2; padding: 3px 0px; } /* .join_form select{height:24px; line-height:24px; color:#666; font-size:13px; border:1px solid #d5d5d5; vertical-align:middle;} */ .join_form tr td:first-child select {border-radius: 5px 0 0 5px;} .join_form td font{display:inline-block; padding:0 5px; text-align:center; } .join_form td button{border-radius:2px} .addbtn{text-align:center; margin:10px 0 0;} .license1 .join_form td button{border-radius:0 5px 5px 0} /* 회원가입 스텝 이미지 ------------------------------------*/ .join_step_person{height:50px; background-image:url(../img/contents/join_step_person.jpg); background-repeat:no-repeat;} .join_step_person.step1{background-position:0 0;} .join_step_person.step2{background-position:0 -50px;} .join_step_person.step3{background-position:0 -100px;} .join_step_person.step4{background-position:0 -150px;} .join_step_person.step5{background-position:0 -200px;} .join_step_person.step6{background-position:0 -250px;} .join_step_company{height:50px; background-image:url(../img/contents/join_step_company.jpg); background-repeat:no-repeat;} .join_step_company.step1{background-position:0 0;} .join_step_company.step2{background-position:0 -50px;} .join_step_company.step3{background-position:0 -100px;} .join_step_company.step4{background-position:0 -150px;} .join_step_company.step5{background-position:0 -200px;} .mem-ntc-pop{position:fixed; left:50%; top:50%; width:480px; height:280px; margin:-140px 0 0 -240px; padding:40px 35px 0; background:#fff; box-shadow:10px 10px 10px rgba(0,0,0,0.4); box-sizing:border-box; border:8px solid #eee;} .mem-ntc-pop .cont{} .mem-ntc-pop .cont p{font-size:15px; font-weight:600; color:#333; line-height:1.5; margin:20px 0 0; text-indent:-19px; padding-left:19px;} .mem-ntc-pop .cont p:first-child{margin-top:0;} /**************************************************** 기업회원 리스트 ****************************************************/ .c_member_list {border-top: 2px solid #f76030;} .c_member_list thead{} .c_member_list thead th, .c_member_list thead td{ height: auto; color: #333; letter-spacing: -0.05em; text-align: center; border-bottom: 1px solid #ddd; padding:12px 6px; } .c_member_list thead th{} .c_member_list thead td{} .c_member_list tbody{} .c_member_list tbody tr{} /* .c_member_list tbody tr:hover{background:#fafafa;} */ .c_member_list tbody th, .c_member_list tbody td{height:auto; color:#666; text-align:center; padding:12px 6px; border-bottom:1px solid #ddd;} .c_member_list tbody th{} .c_member_list tbody td{font-size: 1em;} .borderR {border-right:1px solid #ddd;} .borderL {border-left:1px solid #ddd;} /**************************************************** 정관 및 규정 ****************************************************/ .law_tit{text-align:center; padding:20px 0 30px;} .law_tit span{display:inline-block; line-height:1.4; /*border-bottom:1px solid #888;*/ font-weight:300; letter-spacing:-0.05em; font-size:30px; color:#333;} .law_list{background:#fafafa; border-width:2px; border-style:solid; border-color:#e95a2f #e9e9e9 #e9e9e9; padding:15px 10px;} .law_list table{} .law_list table td, .law_list table th{text-align:left; padding-left:30px; font-weight:normal; vertical-align:top;} .law_list table td{border-left:1px solid #e9e9e9;} .law_list table td a, .law_list table th a{display:block; letter-spacing:-0.05em; line-height:1.4; margin:5px 0; color:#333;} .law_list table td a:hover, .law_list table th a:hover{color:#d9371e;} .law_wrap{color:#666; font-size:15px; line-height:2; letter-spacing:-0.05em; word-break:keep-all; text-align:justify;} .law_wrap h3{margin:50px 0 15px;} .law_wrap h5{margin:20px 0 15px;} .law_wrap b{display:block; font-weight:600; color:#333; margin-top:10px; margin-bottom:5px;} .law_wrap div.dep3{background:#f7f7f7; padding:10px 15px; margin:5px 0 10px;} .law_wrap .dep2{padding-left:10px; font-size:15px;} .law_wrap .txtbox{border:2px solid #ededed; padding:15px 20px; line-height:2; letter-spacing:-0.05em; color:#666;} .law_table{border-top:1px solid #e95943;} .law_table th, .law_table td{height:21px; padding-top:10px; padding-bottom:10px; text-align:center; font-weight:normal; font-size:13px; line-height:1.4;} .law_table thead{} .law_table thead th, .law_table thead td{color:#333; background:#f7f7f7; border-bottom:1px solid #ccc;} .law_table thead th{} .law_table thead td{} .law_table tbody{} .law_table tbody th, .law_table tbody td{color:#666; border-bottom:1px solid #ededed;} .law_table tbody th{color:#333; background:#f7f7f7;} .law_table tbody td{} .law_table .lt{border-left:1px solid #ddd;} .law_table .rt{border-right:1px solid #ddd;} .law_table .bt{border-bottom:1px solid #ccc;} .law_table.rowline{border-left:1px solid #ddd;} .law_table.rowline th, .law_table.rowline td{border-right:1px solid #ddd;} .law_table.rowline .lt{border-left:0 none;} .law_table.rowline .rt{border-right:0 none;} .law_table small{font-size:11px; color:#999; font-weight:normal;} /**************************************************** 학술지 ****************************************************/ a.journal-download{ display:inline-block; padding:0 15px; border-radius:2px; border:1px solid #d9371e; border-right-color:#a10000; border-bottom-color:#800000; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5533a+0,d2351a+100 */ background: rgb(229,83,58); /* Old browsers */ background: -moz-linear-gradient(top, rgba(229,83,58,1) 0%, rgba(210,53,26,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(229,83,58,1) 0%,rgba(210,53,26,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(229,83,58,1) 0%,rgba(210,53,26,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5533a', endColorstr='#d2351a',GradientType=0 ); /* IE6-9 */ box-shadow:1px 1px 2px rgba(0,0,0,0.3); } a.journal-download span{display:inline-block; height:33px; line-height:33px; color:#fff; font-weight:600; letter-spacing:-0.04em; text-shadow:1px 1px 1px rgba(0,0,0,0.2); font-size:13px; background:url(/KOR/img/contents/icon_download_w.png) 0 50% no-repeat; padding-left:20px;} a.journal-download2{ display:inline-block; padding:0 15px; border-radius:2px; border:1px solid #ed4a30; border-right-color:#d9371e; border-bottom-color:#d9371e; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5533a+0,d2351a+100 */ background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */ box-shadow:1px 1px 2px rgba(0,0,0,0.2); } a.journal-download2 span{display:inline-block; height:33px; line-height:33px; color:#e5533a; font-weight:600; letter-spacing:-0.04em; font-size:13px; background:url(/KOR/img/contents/icon_download.gif) 0 50% no-repeat; padding-left:20px;} .covid19-notice{ font-family:"notokr", "Noto Sans KR", "나눔고딕",'NanumGothic',Helvetica; background:url(/KOR/img/contents/covid19-img.png) 98% -250% no-repeat #cfe0f0; font-weight:400; box-sizing:border-box; line-height:1.5; padding:25px; margin:0 0 20px; } .covid19-notice span{display:block; color:#008cc9; font-size:14px; letter-spacing:-0.045rem;} .covid19-notice strong{display:block; color:#004d9e; font-size:25px; font-weight:600; line-height:1.3; letter-spacing:-0.065rem; margin:15px 0 0;} .bo_pagination td b {background:#fbded5;} .bo_pagination td a {font-weight: 500;} .bo_pagination td b, .bo_pagination td a {display: inline-block; width: 25px; height: 25px; line-height: 25px; border-radius: 100%; margin:0 3px} /************************************************************************************************************************************************************************************************************ ********************************************************************************************** 임원 마이페이지 ********************************************************************************************** ************************************************************************************************************************************************************************************************************/ /**************************************************** 헤더 ****************************************************/ #BM_Header{background:#d9371e; margin:0 0 40px;} #BM_Header .inner{position:relative; width:1100px; height:60px; margin:0 auto;} #BM_Header h1{position:absolute; left:0; top:18px; overflow:hidden;} #BM_Header h1 b{float:left;} #BM_Header h1 span{float:left; font-size:15px; color:#fff; font-weight:600; letter-spacing:-0.05em; line-height:1.3; margin:4px 0 0 20px; padding:0 0 0 18px; background:url(../img/header/BM_logo_l.gif) left 2px no-repeat;} /* 탑메뉴 */ #BM_Header .Topmenu{position:absolute; right:0; top:22px; overflow:hidden;} #BM_Header .Topmenu li{float:left; padding-left:21px; background:url(../img/header/BM_topmenu_l.gif) 10px 4px no-repeat;} #BM_Header .Topmenu li.first{padding-left:0; background:none;} #BM_Header .Topmenu li a{display:block; color:#fff; font-size:13px; letter-spacing:-0.05em; line-height:1.3;} #BM_Header .Topmenu li a:hover{text-decoration:none; color:#fff;} /**************************************************** 컨텐츠 ****************************************************/ #BM_Container{width:100%; max-width:1320px; margin:100px auto 40px; overflow:hidden; font-size:15px;} #BM_Container #BM_lnb{float:left; width:260px;} #BM_Container #BM_content{float:right; width:calc(100% - 320px);} /* 좌측메뉴 */ #BM_Container #BM_lnb h2{display:inline-block; font-size:1.75rem; letter-spacing:-0.05em; font-weight:500; width:100%; background:#F76030; text-align: center; color:#fff; padding:35px 0; border-radius: 20px 20px 0 0;} #BM_Container #BM_lnb ul{border:1px solid #d2d2d2; border-bottom:none;} #BM_Container #BM_lnb ul li{} #BM_Container #BM_lnb ul li a{display:flex; justify-content: space-between; align-items: center; padding:14px 15px; font-size:1.125rem; letter-spacing:-0.05em; color:#000; font-weight:400;} #BM_Container #BM_lnb ul li a:hover{text-decoration:none;} #BM_Container #BM_lnb > ul > li > a {border-bottom:1px solid #d2d2d2;} /* 페이지 타이틀 */ #BM_Container #BM_content #BM_Pagetit{position:relative; height:50px; border-bottom:1px solid #ddd; overflow:hidden; margin:0 0 20px;} #BM_Container #BM_content #BM_Pagetit h2{position:absolute; left:0; top:0; font-size:28px; line-height:1.4; color:#333; font-weight:600; letter-spacing:-0.05em;} #BM_Container #BM_content #BM_Pagetit ul{position:absolute; right:0; top:10px; overflow:hidden;} #BM_Container #BM_content #BM_Pagetit ul li{float:left; font-size:12px; color:#666; letter-spacing:-0.05em; line-height:1.3; padding-left:20px; background:url(../img/sub/arrow.gif) 8px 5px no-repeat;} #BM_Container #BM_content #BM_Pagetit ul li.home{padding-left:18px; background:url(../img/sub/home.gif) left 3px no-repeat;} /* 컨텐츠박스 */ #BM_Container #BM_content #BM_Contents{} /* 학술행사 심사 */ .event_test_wrap{margin-top:30px;} .event_detail_wrap{margin-top:30px;} /**************************************************** 공통 ****************************************************/ h3{font-size: 28px; font-weight: 600; color: #f76030; /* padding-left: 17px; */ letter-spacing: -0.05em; line-height: 1.3; /* background: url(../img/sub/h3.gif) 0 50% no-repeat; */} /* h4{font-size:17px; font-weight:600; color:#333; padding-left:12px; letter-spacing:-0.05em; line-height:1.3; background:url(../img/sub/h4.png) 0 50% no-repeat;} */ h4{font-size:1.75rem; font-weight:600; color:#f76030; letter-spacing:-0.05em; line-height:1.3;} h5{font-size:1.35rem; font-weight:600; letter-spacing:-0.05em; line-height:1.3;} /* h5{font-size:20px; font-weight:600; color:#333; letter-spacing:-0.05em; line-height:1.3;} */ font.red{color:#d9371e;} .eng{letter-spacing:0em!important;} .little-titletxt{font-size: 20px; font-weight: 400; letter-spacing: -0.05em; line-height: 1.3; margin-top: 15px;} /* 정렬 ------------------------------------------- */ .tl {text-align:left !important;} .tc {text-align:center !important;} .tr {text-align:right !important;} /* 넓이 ------------------------------------------- */ .p100 {width:100% !important;} .p98 {width:98% !important;} .p90 {width:90% !important;} .p80 {width:80% !important;} .p70 {width:70% !important;} .p60 {width:60% !important;} .p50 {width:50% !important;} .p48 {width:48% !important;} .p45 {width:45% !important;} .p40 {width:40% !important;} .p33 {width:33.3333333% !important;} .p30 {width:30% !important;} .p20 {width:20% !important;} .p15 {width:15% !important;} .p10 {width:10% !important;} .p5 {width:5% !important;} /* 탭 스타일 (지혜씨) ------------------------------------------- */ .dep_slnb{display: flex; flex-wrap: wrap; margin-bottom:30px; border-left: 1px solid #d2d2d2;} .dep_slnb li{flex:1; position:relative;} .dep_slnb li a{display: block; height: 47px; line-height: 46px; font-size: 1rem; letter-spacing: -0.05em; text-align: center; font-weight: 400; padding: 0px; border-right: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2;background: #f8f9fb; } .dep_slnb li a:hover{text-decoration:none;} .dep_slnb li.on {z-index: 2;} .dep_slnb li.on a{border: 1px solid #f76030; background: #fff; color: #f76030; box-shadow: 0px 5px 5px #f760301a;} .dep_slnb.eng li a{letter-spacing:0em;} /* 폼 요소 */ input.inputst{accent-color: #f76030; height:32px; color:#666; border-radius: 2px; border:1px solid #dfdfdf; background-color:#f7f7f7; padding:2px; margin:2px; vertical-align:middle;} input.inputfilest{accent-color: #f76030; height:32px; color:#666; border-radius: 2px; border:1px solid #dfdfdf; background-color:#f7f7f7; padding:2px; margin:2px; vertical-align:middle;} .block{display:block;} select.selectst{height:32px; line-height:32px; color:#666; border-radius:2px; padding:0px 25px; background:#f8f8fa; border:1px solid #d5d5d5; vertical-align:middle;} textarea.textareast{color:#666; font-size:13px; line-height:1.4; padding:5px; background:#f8f8fa; border:1px solid #d5d5d5;} textarea {border:1px solid #d5d5d5; padding:10px 15px; border-radius: 2px;} /* 마이페이지 */ .btn_order {display: flex; align-content: space-between;} .btn_order li {width:24%; margin:0.5%;} .btn_order li a {display:inline-block; width:100%; height:auto; text-align: center; border-radius: 5px; padding: 20px 25px; font-weight: 500; color:#ffffff; background: #F76030; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1); outline: none; } /* 16 */ .btn-16 { border: none; color: #000; } .btn-16:after { position: absolute; content: ""; width: 0; height: 100%; top: 0; left: 0; direction: rtl; z-index: -1; box-shadow: -7px -7px 20px 0px #fff9, -4px -4px 5px 0px #fff9, 7px 7px 20px 0px #0002, 4px 4px 5px 0px #0001; transition: all 0.3s ease; } .btn-16:hover { background:#b71d06; color: #fff;margin-top:-1px; } .btn-16:hover:after { left: auto; right: 0; width: 100%; } .btn-16:active { top: 2px; } /* 버튼 */ .button_2{text-align:center;} .button_2 .btn_ok{width:auto; height:auto; border:none; line-height:1em; font-weight:500; color:#fff; letter-spacing:-0.05em; background:#f76030; margin:0 2px; border-radius: 2px; padding:12px 35px; cursor:pointer;} .button_2 .btn_ok:hover {background:#b71d06; color:#fff;} .button_2 .btn_cancel{width:auto; height:auto; border:none; line-height:1em; font-weight:500; color:#fff; letter-spacing:-0.05em; background:#999; margin:0 2px; border-radius: 2px; padding:12px 35px; cursor:pointer;} .button_2 .btn_cancel:hover {background:#000; color:#fff;} .btn_grey{width:auto; height:auto; border:none; line-height:1em; font-weight:500; color:#fff; letter-spacing:-0.05em; background:#f7f7f7; margin:0 2px; border-radius: 2px; padding:12px 35px; cursor:pointer;} .btn_grey:hover {background:#333; color:#fff;} .btn_grey_a{display:inline-block; border:none; line-height:1em; font-weight:500; color:#fff; letter-spacing:-0.05em; background:#e6e6e6; margin:0px 2px; border-radius: 2px; padding:12px 35px; cursor:pointer;} .btn_grey_a:hover {background:#333; color:#fff;} .btn_grey1{width:auto; height:auto; border:none; line-height:1em; font-weight:500; color:#fff; letter-spacing:-0.05em; background:#666; margin:0 2px; border-radius: 2px; padding:6px 8px; cursor:pointer;} .btn_grey1:hover {background:#333; color:#fff;} .btn{width:40px; line-height:20px; font-weight:600; color:#ffffff; letter-spacing:-0.05em; background:#d9371e; border:1px solid #b71d06; margin:0 2px;} .btn_n{ width: auto; height: auto; line-height: 1em; font-weight: 500;border:none; color: #fff; letter-spacing: -0.05em; background: #e95a2f; margin: 0 2px; border-radius: 2px; padding:12px 35px; cursor:pointer; } .btn_n:hover {background:#b71d06; color:#fff;} .btn_blue{width:80px; line-height:40px; font-size:12pt; font-weight:600; color:#ffffff; letter-spacing:-0.05em; background:#72a4ff; border:1px solid #5c8cfe; margin:0 2px;} /* .btn_s{display:inline-block; height:22px; line-height:21px; text-align:center; font-size:12px; padding:0 8px; font-weight:600; color:#fff!important; letter-spacing:-0.05em; background:#d9371e; border:1px solid #b71d06;} */ .btn_s{ font-size:12px; display: inline-block; height: auto; text-align: center; padding: 4px; min-width:50px; color: #fff!important; letter-spacing: -0.05em; background: #f76030; justify-content: center; align-items: center; font-style: normal; border: none; border-radius: 2px; box-sizing: border-box; cursor: pointer; word-break: keep-all; } .btn_s:hover{background:#b71d06;} .btn_d{ display: inline-block; height: 32px; line-height: 22px; text-align: center; padding: 0px 16px; color: #fff!important; letter-spacing: -0.05em; background: #f76030; justify-content: center; align-items: center; font-style: normal; border: none; border-radius: 2px; box-sizing: border-box; cursor: pointer; } .btn_d:hover{background:#b71d06;} a.btn_license {display:inline-block; font-size:13px; padding:4px 15px; min-width:78px; border-radius: 3px; cursor: pointer;} .comp {background:#ffffff; border:1px solid #ececec; color:#D7341F !important; } .end {background:#d2d2d2; border:1px solid #d2d2d2; color:#666666 !important;} .bef {background:#d2d2d2; border:1px solid #d2d2d2; color:#666666 !important;} .app {background:#E95A2F; border:none; color:#ffffff !important; font-size:12px; padding:3px 12px; } .outs { background:#D7341F; color:#ffffff !important;} a.btn_s_a {display:inline-block; width:auto; height:auto; border:none; line-height:1em; font-weight:500; color:#fff; letter-spacing:-0.05em; background:#f76030; margin:5px 0px; border-radius: 2px; padding:6px 8px; cursor:pointer; font-size:13px; text-align: center; } a.btn_s_a:hover {background:#b71d06;} .btn_s_l {display:inline-block; width:auto; height:auto; border:none; line-height:1em; font-weight:500; color:#fff; letter-spacing:-0.05em; background:#f76030; margin:5px 0px; border-radius: 2px; padding:8px 12px; cursor:pointer; font-size:13px; text-align: center; } .btn_s_l:hover {background:#b71d06;} a.btn_s_t {display:inline-block; width:auto; height:auto; border:1px solid #807171; border-radius:2px;line-height:1em; font-weight:500; color:#fff; letter-spacing:-0.05em; background:#a59b9b; margin:5px 0px; border-radius: 2px; padding:8px 12px; cursor:pointer; font-size:13px; text-align: center; } a.btn_s_t:hover {background:#b71d06;} a.btn_s_p {display:inline-block; width:auto; height:auto; border:1px solid #be3e16; border-radius:2px; line-height:1em; font-weight:500; color:#fff; letter-spacing:-0.05em; background:#f76030; margin:5px 0px; border-radius: 2px; padding:8px 12px; cursor:pointer; font-size:13px; text-align: center; } a.btn_s_p:hover {background:#b71d06;} button.btn_typeA {border:1px solid #d2d2d2; border-radius: 3px; background:#ffffff; font-weight: bold; padding:7px 15px; color:#ff6600;} button.btn_typeA:hover {border:1px solid #ff6600; color:#ffffff; background:#ff6600;} .btn_gray{display:inline-block; height:32px; line-height:22px; text-align:center; font-size:12px; padding:2px 10px; color:#fff!important; letter-spacing:-0.05em; background:#999; border:none;} .btn_gray:hover{background:#000; color:#fff;} .btn_add{height:25px; padding:2px 10px; margin:2px; font-size:12px; background:#fff; border:1px solid #ccc; color:#777; border-radius:3px;} .btn_add b{} .btn_add:hover{background:#f7f7f7; border-color:#bbb; color:#555;} /* 페이징 */ .bo_pagination {margin-top:50px;} .paging{text-align:center; margin:30px 0 0; font-size:0;} .paging a{display:inline-block; width:26px; height:26px; line-height:26px; border:1px solid #ddd; margin:0 2px; font-size:13px; color:#999;} .paging a:hover{background:#f7f7f7; border-color:#ccc; color:#666;} .paging a.on{border-color:#ec6550; color:#ec6550; font-weight:600;} /* 테이블 */ .Table_default{border-top:2px solid #f76030; word-wrap: break-word;} .Table_default thead{} .Table_default thead th, .Table_default thead td{height:auto; padding:12px; letter-spacing:-0.05em; text-align:center; font-weight:normal; border-bottom:1px solid #ddd; /*background:#f7f7f7;*/ line-height:1.6;} .Table_default thead th{} .Table_default thead td{} .Table_default tbody{} .Table_default tbody tr{} .Table_default tbody tr:hover{background:#fafafa;} .Table_default tbody th, .Table_default tbody td{height:auto; padding:6px; text-align:center; font-weight:normal; border-bottom:1px solid #ddd; line-height:1.7;} .Table_default tbody th{} .Table_default tbody td{} /* 테이블 상단 안내문구 */ .Table_top_txt{font-size:13px; color:#666; line-height:1.3; letter-spacing:-0.05em;} .Table_top_txt span{color:#d9371e; font-weight:600;} .license_top_txt{font-size:24px; color:#666; line-height:1.3; letter-spacing:-0.05em;} .license_top_txt span{color:#d9371e;font-size:24px; font-weight:600;} .btn_check {border:1px solid #ff5400; width:24px; height:24px; margin-right:2px; } .Table_default.rowline{} .Table_default.rowline th, .Table_default.rowline td{border-left:1px solid #ddd;} .Table_default.rowline .lt{border-left:0 none;} .Table_default.left{} .Table_default.left td{text-align:left; padding-left:15px;} .Table_default .point{background:#fafafa; color:#333;} .Table_col{border-top:1px solid #ec6550;} .Table_col th, .Table_col td{height:25px; padding:5px 0; font-size:13px; color:#666; text-align:left; font-weight:normal; border-bottom:1px solid #ddd; line-height:1.6;} .Table_col th{background:#f7f7f7; color:#333; border-right:1px solid #ddd; padding-left:15px; padding-right:10px;} .Table_col td{padding-left:15px; padding-right:10px;} .Table_col tr{} .Table_col tr:hover{background:#fafafa;} .Table_gray{border-top:1px solid #bbb; border-left:1px solid #ddd; background:#fff;} .Table_gray th, .Table_gray td{height:25px; padding:12px; font-size:1rem; text-align:center; font-weight:normal; border-width:0 1px 1px 0; border-style:solid; border-color:#ddd; line-height:1.7;} .Table_gray thead{} .Table_gray thead th, .Table_gray thead td{background:#e9e9e9;} .Table_gray thead th{color:#333;} .Table_gray thead td{} .Table_gray tbody{} .Table_gray tbody th, .Table_gray tbody td{} .Table_gray tbody th{} .Table_gray tbody td{text-align:left; } /* .Table_gray tr{} .Table_gray tr:hover{background:#fafafa;} */ .Table_basic{border-top:1px solid #bbb; border-left:1px solid #ddd;} .Table_basic th, .Table_basic td{height:25px; padding:9px 0; text-align:left; font-weight:normal; border-bottom:1px solid #ddd; border-right:1px solid #ddd; line-height:1.6;} .Table_basic th{background:#f7f7f7; color:#333; padding-left:15px; padding-right:10px;} .Table_basic td{padding-left:15px; padding-right:10px;} .Table_basic tr{} .Table_basic tr:hover{background:#fafafa;} .Table_clear, .Table_clear th, .Table_clear td{border:0 none; background:#none; padding:0;} /* 인풋 창 사이즈 ------------------------------------------------ */ .w10{width:10px;} .w20{width:20px;} .w30{width:30px;} .w40{width:40px;} .w50{width:50px;} .w60{width:60px;} .w70{width:70px;} .w80{width:80px;} .w90{width:90px;} .w100{width:100px;} .w150{width:150px;} .w200{width:200px;} .w300{width:300px;} .w400{width:400px;} .w500{width:500px;} .w600{width:600px;} .w650{width:650px;} .w700{width:700px;} .w800{width:800px;} .w900{width:900px;} /* 마진 ------------------------------------------------ */ .top3{margin-top:3px;} .top4{margin-top:4px;} .top5{margin-top:5px;} .top10{margin-top:10px;} .top15{margin-top:15px;} .top20{margin-top:20px;} .top23{margin-top:23px;} .top25{margin-top:25px;} .top30{margin-top:30px;} .top35{margin-top:35px;} .top40{margin-top:40px;} .top50{margin-top:50px;} .top60{margin-top:60px;} .top70{margin-top:70px;} .top80{margin-top:80px;} .top90{margin-top:90px;} .left5{margin-left:5px;} .left10{margin-left:10px;} .left15{margin-left:15px;} .left20{margin-left:20px;} .left25{margin-left:25px;} .left30{margin-left:30px;} .left35{margin-left:35px;} .left40{margin-left:40px;} .left50{margin-left:50px;} .left60{margin-left:60px;} .left70{margin-left:70px;} .left80{margin-left:80px;} .left90{margin-left:90px;} .center{text-align:center;} .right{text-align:right;} .left{text-align:left;} .btn_new_white {border: 1px solid #d2d2d2; border-radius: 5px; padding: 4px 12px; background: #fff;} a.btn_new_white:hover {box-shadow: inset 0px 2px 5px rgb(0 0 0 / 8%);} .round_btn {-moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ appearance:none;border-radius: 8px; font-size: 0.9375rem; font-weight: 500; background:#f76030; padding:10px 40px; border:none; color:#fff !important;} .round_btn.unable {background:#666; color:#fff;} .pc_br {display: block;} .m_br{display: none;} .pc_img{display: block; margin:0 auto; } .m_img{display: none;} .subject-name {clear:both; float:left; width:100%; height:auto;} .subject-name li {float:left; height:36px; line-height:36px;} @media all and (max-width:1400px){ } @media (max-width:1330px){ .board_inner {margin:50px auto; width:100%; height:auto; } } @media all and (max-width:1280px){ } @media all and (max-width:1080px){ #S_container {max-width: 90%;} #S_container #Left_area {display: none;} #S_container #Contents_area {width: 100%;} .license-step li {width: 33%;} .license-step li.on {width:33%;} .license-step li:nth-child(3):after {display:none;} .license-step li:nth-child(3) {border-right:1px solid #d2d2d2;} .license-step li:nth-child(4) {border-left:1px solid #d2d2d2;} } @media (max-width:900px){ .receipt_step li:not(:first-child).before::before {display: block;} } @media (max-width:780px){ .receipt_step li:not(:first-child).before::before {width: 41px; height: 41px; left:-21px;} .receipt_step li:not(:last-child)::after {width:29px; height:30px;} } @media (max-width:768px){ #BM_Container{width:100%; font-size:13px;} .m_tn {display: none;} #Contents_area #Pagetit h2 {font-size:18px;} #Contents_area #Pagetit ul li{font-size:13px;} body, table, th, td, input, select, textarea, div {font-size:13px;} .pc_img{display: none;} .m_img{display: block; width:100%;} .pc_br {display: none;} .m_br {display: block;} .law_list table td a, .law_list table th a{font-size: 13px;} .law_wrap{font-size: 13px; line-height: 1.5em; letter-spacing:0em; text-align: left; } .law_wrap div{font-size: 13px;} h3{font-size: 1.5rem; font-weight: 600; letter-spacing: 0;} .law_tit span{letter-spacing:0em; font-size: 1.9rem; font-weight: 400;} .board_inner {margin:50px auto; width:96%; padding:2%; height:auto; } .intro_box:before {width: 200px;} .intro_box .box_inner {min-height: auto; padding-left: 30px;} .intro_box .box_inner:before {display: none;} .law_wrap b{margin-top: 20px; margin-bottom: 5px;} .law_wrap div.dep3{padding: 20px; margin: 10px 0 20px 0;} .dep_slnb li{flex:none; width:50%;} .dep_slnb li a{font-size: 13px;} /* 게시판 검색창 */ .bo_search form[name="sfrm"] {width: 100%; max-width: unset;} /* 게시판 테이블 숨기기 */ .hidden {display:none;} .c_member_list thead th, .c_member_list thead td{ font-size: 13px; letter-spacing: -0.05em; padding:6px 3px; } .c_member_list img {max-width:100%; height:auto !important;} .join_form{} .join_form caption{} .join_form th, .join_form td{} .join_form th{padding: 6px 3px;} .join_form td {padding: 6px 3px; } /* 주소 */ .join_form td.address{} .join_form td.address input{} /* 요소 */ .join_form select{height:32px; line-height:22px; color:#666; font-size:13px; border:1px solid #d5d5d5; vertical-align:middle; margin:9px 0; border-radius: 2px;} .join_form td font{display:inline-block; padding:0 5px; text-align:center; } .join_form td button{border-radius: 2px;} .c_member_list tbody th, .c_member_list tbody td{padding:6px 3px;} .Table_default thead th, .Table_default thead td{height:auto; padding:6px 3px;} .Table_default tbody th, .Table_default tbody td{height:auto; padding:6px 3px; } .btn_new_white {padding: 4px 4px; } .c_member_list td span.apply_end {padding:4px 4px; border-radius: 1px;} .c_member_list td span.apply_ing {padding:4px 4px; border-radius: 1px;} .title_area {display:flex; align-items: center; flex-wrap: wrap;} .title_area .apply_Tb {flex-basis: 100%; margin:20px 0px 0px;} .title_area select {width:50%; margin-left:64px;} .title_area .apply_Tb li {width:20%; border:1px solid #d2d2d2; margin-left: -1px;} .title_area .apply_Tb li a {padding:8px 0px; text-align: center;} .receipt_step li {width: calc(50% - 12px);} .receipt_step li:last-child {width: calc(50% + 6px);} .receipt_step li:not(:last-child)::after {top:5px; right:-15px} .receipt_step li:not(:first-child).before::before {width: 41px; height: 41px; left:-21px;} .btn_s {font-size:13px;} .btn_order {flex-wrap: wrap; } .btn_order li { width:46%; margin:2%;} .btn_order li a { text-align: center; display:flex; align-items: center; justify-content: center; border-radius: 5px; padding: 10px 15px; height:80px; } }