@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* for styles */
@import url("default.css");

/* layout */
html, body {min-width:1200px; width:100%; overflow-x:hidden; word-break:keep-all;}
input.text,
select.text {height:30px; border:#ddd 1px solid;}
textarea.text {border:#ddd 1px solid;}
.text::placeholder {font-size:14px; color:#828282;}
a {transition:.2s linear;}
a.smoth_link {scroll-behavior:smooth;}

.btn_gray {background:#888 !important;}

.blue {color:#40a9e2 !important;}

.inner {width:1200px; margin:0 auto;}

@media screen and (max-width:1200px){
	html, body {overflow-x:auto;}
}

/* 게시판 목록 */
.board_list {border-top:#197eb5 2px solid;}
.board_list th,
.board_list td {text-align:center; color:#2b2b2b;}
.board_list th {height:50px; border-bottom:#197eb5 1px solid;}
.board_list td {height:54px; border-bottom:#ddd 1px solid; font-size:15px; color:#949494;}
.board_list td.tal a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; color:#2b2b2b; max-width:100%;}
#bo_list .board_list td.td_subject {text-align:left;}
#bo_list .board_list td.td_name {text-align:center;}

.board_top {overflow:hidden; margin-bottom:25px;}
.board_top .total {float:left; font-size:15px; color:#464646; font-weight:400; line-height:32px;}
.board_top .search_wrap {float:right; font-size:0;}
.board_top .search_wrap .text,
.board_top .search_wrap .btn {height:32px; font-size:13px;}
.board_top .search_wrap .text {line-height:30px; border:#d7d7d7 1px solid; color:#464646; background:#fff;}
.board_top .search_wrap select.text {width:80px;}
.board_top .search_wrap input.text {width:210px; margin:0 3px;}
.board_top .search_wrap .btn {line-height:32px; color:#fff; background:#525252; width:50px; border:0;}

.board_bottom .btns {overflow:hidden; margin-top:20px;}
.board_bottom .btns .btn {display:inline-block; width:80px; height:30px; line-height:30px; background:#2092d0; color:#fff; font-weight:bold; text-align:center; border:0; vertical-align:top; transition:.5s;}
.board_bottom .btns .btn:hover {background:#04427b; color:#eee;}
.board_bottom .paging {text-align:center; margin-top:60px;}
.board_bottom .paging a {display:inline-block; width:30px; height:30px; line-height:28px; text-align:center; border:#ddd 1px solid; font-size:13px; color:#666;}
.board_bottom .paging a:hover,
.board_bottom .paging a.on {background:#2092d0; color:#fff; font-weight:bold; border-color:#2092d0;}
.board_bottom .paging .nums {margin:0 10px;}
.board_bottom .paging .arrow {letter-spacing:-2px; font-family:'nanum gothic'; font-size:12px;}
.board_bottom .search_wrap {background:#f5f5f5; padding:10px; text-align:center; margin-top:20px;}
.board_bottom .search_wrap .text,
.board_bottom .search_wrap .btn {display:inline-block; vertical-align:top;}
.board_bottom .search_wrap select.text {}
.board_bottom .search_wrap input.text {width:240px;}
.board_bottom .search_wrap .btn {width:80px; height:30px; line-height:30px; border:0; background:#2092d0; color:#fff; font-weight:bold; text-align:center;}

/* 게시판 상세 */
.board_in {position:relative; border-top:#197eb5 2px solid; z-index:1;}
.board_in thead th {font-size:16px; color:#2b2b2b; text-align:center; height:54px; line-height:20px; border-bottom:#e1e1e1 1px solid;}
.board_in tbody th {text-align:right; font-size:15px; color:#2b2b2b; font-weight:400; line-height:20px; padding:15px 0;}
.board_in tbody th b {font-weight:500;}
.board_in tbody th span {padding:0 20px;}
.board_in td {color:#666; border-bottom:#e1e1e1 1px solid; padding:0 0 50px;}
.board_in .board_bottom .btns .btn {width:86px; height:44px; line-height:44px; font-size:16px; background:#636363;}
.board_in .board_bottom .btns .btn:hover {background:#333; color:#eee;}
.board_in .board_bottom .btns .btn2 {background:#fff; font-size:15px; color:#333; border:#ccc 1px solid; line-height:42px;}
.board_in .board_bottom .btns .btn2:hover {background:#eee; color:#000;}
.board_write tbody th,
.board_write tbody td {border-bottom:#e1e1e1 1px solid;}
.board_write tbody th {background:#f5f5f5; text-align:center;}
.board_write tbody td {padding:10px;}

/* 갤러리 목록 */
.gallery_list ul {overflow:hidden; margin-top:-30px; padding:0 25px;}
.gallery_list ul li {float:left; width:270px; margin:30px 0 0 20px;}
.gallery_list ul li:nth-child(3n-2) {margin-left:0; clear:both;}
.gallery_list ul li a {display:block;}
.gallery_list ul li .img {width:100%; height:190px; overflow:hidden;}
.gallery_list ul li p {display:block; font-size:16px; color:#252525; line-height:24px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:10px;}
.gallery_list ul li em {display:block; font-size:15px; color:#949494; font-weight:500; padding:0 10px;}

/* header */
.header {position:relative; background:#fff; z-index:10;}
.header .top {background:#404040;}
.header .top .inner {text-align:right; font-size:0;}
.header .top .inner a {position:relative; display:inline-block; font-size:13px; color:#c9c9c9; font-weight:500; line-height:36px; padding:0 13px;}
.header .top .inner a:after {content:""; position:absolute; top:50%; right:0; width:1px; height:10px; background:#838383; margin-top:-5px;}
.header .top .inner a:last-child {padding-right:0;}
.header .top .inner a:last-child:after {display:none;}
.header .gnb_wrap {position:relative; height:96px;}
.header .gnb_wrap .logo {position:absolute; top:0; left:0; padding-top:20px; font-size:0;}
.header .gnb_wrap .logo img {vertical-align:top;}
.header .gnb_wrap .logo h1 {display:none; font-size:0;}
.header .gnb_wrap .addlogo {position:absolute; display:block; top:10px; left:160px; height:76px; line-height:76px; margin-left:20px; padding-left:22px; font-size:17px; color:#8c8c8c;}
.header .gnb_wrap .addlogo img {width:auto; height:100%; vertical-align:top;}
.header .gnb_wrap .addlogo:before {content:""; position:absolute; top:50%; left:0; width:2px; height:18px; background:#e1e1e1; margin-top:-9px;}
.header .gnb_wrap .gnb {position:absolute; top:0; right:-43px; height:96px;}
.header .gnb_wrap .gnb li {position:relative; float:left; width: 197px;}
.header .gnb_wrap .gnb li > a {font-size:17px; color:#252525; font-weight:500; line-height:96px; padding:0 43px;}
.header .gnb_wrap .gnb li > a:before {width:7px; height:17px; background:url('/images/gnb_side.gif') no-repeat 50% 50%;}
.header .gnb_wrap .gnb li:first-child > a:before {display:none;}
.header .gnb_wrap .gnb li:hover > a,
.header .gnb_wrap .gnb li.on > a {color:#2092d0;}
.header .gnb_wrap .gnb dl {position:absolute; top:96px; left:0; width:100%; border:#ddd 1px solid; border-bottom:0; background:#fff; display:none;}
.header .gnb_wrap .gnb li:hover dl {display:block;}
.header .gnb_wrap .gnb dl dd {border-bottom:#ddd 1px solid;}
.header .gnb_wrap .gnb dl dd a {display:block; font-size:14px; color:#666; line-height:40px; text-align:center;}
.header .gnb_wrap .gnb dl dd:hover a,
.header .gnb_wrap .gnb dl dd.on a {background:#f5f5f5; color:#2092d0;}

/* footer */
.footer {background:#edf0f4;}
.footer .inner {position:relative; padding:30px 0 30px 240px; background:url('/images/flogo.png') no-repeat 0 50%;}
.footer .links {overflow:hidden; margin:0 0 10px -15px;}
.footer .links li {position:relative; float:left; padding:0 15px;}
.footer .links li:after {content:""; position:absolute; top:50%; right:0; width:1px; height:12px; margin-top:-6px; background:rgba(0,0,0,.29);}
.footer .links li:last-child:after {display:none;}
.footer .links li a {display:block; font-size:14px; color:#525252; font-weight:700;}
.footer .address {font-size:14px; color:#868686; font-weight:400; line-height:23px;}
.footer .address span {padding:0 10px;}

/* main */
.mvisual {position:relative;}
.mvisual .slick-slide {position:relative; height:550px; overflow:hidden;}
.mvisual .slick-slide img {position:absolute; top:0; left:50%; width:1920px; min-width:1920px; margin-left:-960px;}
.mvisual .slick-arrow {position:absolute; top:50%; width:24px; height:42px; opacity:.4; transition:.2s linear; z-index:1; text-indent:-5000px; overflow:hidden;}
.mvisual .slick-arrow:hover {opacity:1;}
.mvisual .slick-prev {left:30px; background:url('/images/arrow_prev.png') no-repeat 50% 50%;}
.mvisual .slick-next {right:30px; background:url('/images/arrow_next.png') no-repeat 50% 50%;}

.mslide_wrap {background:#f1f1f5; padding:50px 0 60px;}
.mslide_wrap .title {font-size:25px; color:#404040; font-weight:700; line-height:30px; text-align:center; margin-bottom:40px;}
.mslide_wrap .title p {font-size:15px; line-height:20px; margin-top:10px; font-weight:400;}
.mslide .slick-slide {position:relative; text-align:center; padding:0 10px;}
.mslide .slick-slide img {margin:0 auto;}
.mslide .slick-slide a > p {font-size:16px; color:#404040; height:56px; line-height:56px; background:#fff;}
.mslide .slick-slide .hover {position:absolute; top:0; left:10px; width:280px; height:100%; background:rgba(32,146,208,.9); padding:40px 0; opacity:0; transition:.2s linear;}
.mslide .slick-slide:hover .hover {opacity:1;}
.mslide .slick-slide .hover strong {display:block; font-size:19px; color:#fff; font-weight:700; margin-bottom:10px;}
.mslide .slick-slide .hover p {font-size:14px; color:#fff; font-weight:400; height:42px; line-height:21px; margin-bottom:25px;}
.mslide .slick-slide .hover .btn {display:block; font-size:14px; color:#fff; font-weight:400; width:120px; height:34px; line-height:32px; background:rgba(255,255,255,.15); border:#fff 1px solid; text-align:center; margin:0 auto;}
.mslide .slick-arrow {position:absolute; top:50%; width:22px; height:41px; text-indent:-5000px; overflow:hidden; margin-top:-20px; opacity:.2; transition:.2s linear;}
.mslide .slick-arrow:hover {opacity:1;}
.mslide .slick-prev {left:-34px; background:url('/images/arrow_prev2.png') no-repeat;}
.mslide .slick-next {right:-34px; background:url('/images/arrow_next2.png') no-repeat;}

.mboards {overflow:hidden; padding:30px 0 50px;}
.mboards > div {float:left;}
.mboards > div .tit {position:relative; font-size:20px; color:#404040; font-weight:700; height:26px; line-height:26px; margin-bottom:15px;}
.mboards > div .tit a {position:absolute; display:block; top:0; right:0; width:26px; height:26px; line-height:24px; text-align:center; font-size:19px; color:#252525; font-weight:300; border:#e1e1e1 1px solid;}
.mboards .notice {width:400px; padding:0 20px 0 30px;}
.mboards .notice ul li a {position:relative; display:block; font-size:15px; color:#404040; font-weight:400; line-height:32px; padding-left:13px; padding-right:70px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mboards .notice ul li a:before {content:""; position:absolute; top:50%; left:0; width:4px; height:4px; background:#2092d0; margin-top:-2px;}
.mboards .notice ul li a p {position:absolute; top:0; right:0; font-size:12px; color:#949494; font-weight:400;}
.mboards .mbanner {position:relative; width:350px; margin:0 30px;}
.mboards .mbanner_slide {position:relative; font-size:0;}
.mboards .mbanner_slide .slick-slide {border:#ddd 1px solid;}
.mboards .mbanner_slide .slick-arrow {position:absolute; bottom:0; width:25px; height:27px; border-top:#ddd 1px solid; border-bottom:#ddd 1px solid; text-indent:-5000px; overflow:hidden; background:#fff; z-index:1;}
.mboards .mbanner_slide .slick-prev {right:53px; background:url('/images/arrow_prev.gif') no-repeat;}
.mboards .mbanner_slide .slick-next {right:1px; background:url('/images/arrow_next.gif') no-repeat;}
.mboards .mbanner_slide .slick-dots {position:absolute; bottom:0; right:78px; width:56px; height:27px; border:#ddd 1px solid; background:#fff;}
.mboards .mbanner_slide .slick-dots li {position:absolute; top:0; left:0; width:100%; height:25px; line-height:25px; text-align:center; font-size:14px; color:#8b8b8b; display:none;}
.mboards .mbanner_slide .slick-dots li.slick-active {display:block;}
.mboards .buttons {position:absolute; bottom:0; right:26px; width:27px; height:27px; background:#fff; border:#ddd 1px solid;}
.mboards .buttons button {position:absolute; top:0; left:0; width:100%; height:25px; line-height:25px; font-size:10px; color:#252525; display:block;}
.mboards .buttons button.on {display:none;}
.mboards .buttons button img {vertical-align:top;}
.mboards .contact {width:380px;}
.mboards .contact .num {font-size:26px; color:#404040; font-weight:700; line-height:30px; background:url('/images/icon_tel.gif') no-repeat 0 20%; margin-bottom:20px; padding-left:40px;}
.mboards .contact dl {overflow:hidden;}
.mboards .contact dl.line {margin-top:10px; border-top:#ebebeb 1px solid; padding-top:10px;}
.mboards .contact dt,
.mboards .contact dd {float:left; font-size:15px;}
.mboards .contact dt {width:65px; color:#949494; font-weight:500; line-height:24px;}
.mboards .contact dd {color:#404040; font-weight:400;}

.m_cooperation {border-top:#ebebeb 1px solid; padding:22px 0; min-height:85px;}
.m_cooperation .inner {position:relative; padding-left:240px;}
.m_cooperation dt {position:absolute; top:0; left:0; width:240px; height:42px; line-height:42px; font-size:17px; color:#404040; font-weight:500; padding:0 12px;}
.m_cooperation dt .buttons {position:absolute; top:50%; left:136px; width:25px; height:25px; line-height:25px; border:#e1e1e1 1px solid; margin-top:-12px;}
.m_cooperation dt .buttons button {position:absolute; top:0; left:0; width:100%; height:100%; font-size:10px; background:#fff;}
.m_cooperation dt .buttons button.on {display:none;}
.m_cooperation dt .buttons button img,
.m_cooperation dt .buttons button i {opacity:.5; vertical-align:top; line-height:23px;}
.m_cooperation_slide {position:relative;}
.m_cooperation_slide .slick-slide {font-size:0; height:42px;}
.m_cooperation_slide .slick-arrow {position:absolute; top:50%; width:25px; height:25px; border:#e1e1e1 1px solid; text-indent:-5000px; overflow:hidden; background:#fff; z-index:1; margin-top:-12px;}
.m_cooperation_slide .slick-prev {left:-135px; background:url('/images/arrow_prev.gif') no-repeat; background-size:cover;}
.m_cooperation_slide .slick-next {left:-73px; background:url('/images/arrow_next.gif') no-repeat; background-size:cover;}

/* sub */
.location {position:relative; background:#f4f5f9; box-shadow:inset rgba(0,0,0,.07) 0 0 3px; border-top:#d1d1d1 1px solid; border-bottom:#d1d1d1 1px solid; z-index:1;}
.location .inner {height:45px;}
.location .inner li {float:left; width:260px; border-right:#d1d1d1 1px solid;}
.location .inner li.home {width:56px; height:45px; line-height:45px; text-align:center; background:#2092d0; border:0;}
.location .inner li.home a {display:block;}
.location .inner li dl {position:relative;}
.location .inner li dt {position:relative; display:block; font-size:15px; color:#949494; font-weight:400; line-height:45px; padding:0 15px; cursor:pointer; transition:.2s linear;}
.location .inner li .on dt {background:#fff;}
.location .inner li dt img {position:absolute; top:50%; right:20px; margin-top:-4px; transition:.2s linear;}
.location .inner li .on dt img {transform:rotate(90deg);}
.location .inner li dd {position:absolute; top:45px; left:0; width:100%; background:#fff; border:#d1d1d1 1px solid; display:none;}
.location .inner li dd a {display:block; font-size:14px; color:#999; line-height:40px; padding:0 15px; border-bottom:#d1d1d1 1px solid;}
.location .inner li dd a:last-child {border-bottom:0;}
.location .inner li dd a:hover {background:#f4f5f9;}
.location .inner li dd a.on {background:#f4f5f9; color:#2092d0;}

.container {overflow:hidden; padding:45px 0 100px; min-height:630px;}
.aside {float:left; width:244px;}
.aside h2 {display:block; width:100%; height:120px; background:url('/images/bg_lnb.jpg') no-repeat 50% 50%; padding:25px 30px; margin-bottom:5px;}
.aside h2 p {font-size:15px; color:rgba(255,255,255,.5); font-weight:500; line-height:16px; margin-bottom:10px;}
.aside h2 strong {font-size:24px; color:#fff; font-weight:700; line-height:26px;}
.aside ul li {border-bottom:#e1e1e1 1px solid;}
.aside ul li a {position:relative; display:block; font-size:15px; color:#6b6b6b; font-weight:500; line-height:52px; padding:0 15px;}
.aside ul li a:after {content:""; position:absolute; top:50%; right:15px; width:18px; height:18px; background:url('/images/arrow_lnb.gif') no-repeat; overflow:hidden; margin-top:-9px;}
.aside ul li:hover a,
.aside ul li.on a {color:#222; font-weight:700;}
.aside ul li:hover a:after,
.aside ul li.on a:after {background-position:0 100%;}
.contents {float:right; width:900px;}
.contents .title {font-size:38px; color:#252525; font-weight:400; line-height:40px; padding:25px 0 40px; border-bottom:#464646 2px solid; margin-bottom:70px;}
.contents .title em {font-size:18px; color:#666;}
.container.g04 .contents .title {border-bottom:0; margin-bottom:0;}
.container.g08 .contents .title {margin-bottom:0;}
.container.g10 .contents {width:100%;}
.container.g10 .contents .title {font-size:30px; color:#363636; font-weight:500; text-align:center; line-height:40px; border-bottom:0;}

.contents .stit {position:relative; font-size:20px; color:#252525; font-weight:500; padding-left:25px; line-height:24px; background:url('/images/icon_stit.jpg') no-repeat 0 50%; margin:80px 0 25px;}
.contents p {font-size:16px; color:#868686; font-weight:500; line-height:28px;}
.contents .dot_list {padding-left:24px;}
.contents .dot_list li {position:relative; font-size:16px; color:#868686; font-weight:500; line-height:28px; padding-left:18px;}
.contents .dot_list li:before {content:""; position:absolute; top:11px; left:0; width:6px; height:6px; background:#00b5ca;}

.g01.s02 .contents {background:url('/images/img_s0102.jpg') no-repeat 680px 177px; min-height:820px;}

.history dl {position:relative; padding-left:140px;}
.history dl:before {content:""; position:absolute; top:0; left:133px; width:1px; height:100%; background:#e9e9e9;}
.history dt {position:absolute; top:0; left:0; width:140px; font-size:22px; color:#009ddf; font-weight:500; line-height:24px; text-align:center; padding-right:7px;}
.history dl:first-child dt:before {content:""; position:absolute; top:0; right:0; width:14px; height:10px; background:#fff; z-index:1;}
.history dt:after {content:""; position:absolute; top:5px; right:0; width:14px; height:14px; background:#fff; border:#009ddf 4px solid; border-radius:50%; z-index:2;}
.history dd {padding-bottom:70px;}
.history dl:last-child dd {padding-bottom:0;}
.history li {position:relative; padding-left:115px; font-size:15px; color:#5e5e5e; font-weight:400; line-height:24px; margin-bottom:30px;}
.history li:last-child {margin-bottom:0;}
.history li p {position:absolute; top:0; left:0; width:115px; font-size:15px; color:#5e5e5e; font-weight:700; line-height:24px; padding-left:40px;}

.tbl {border-top:#197eb5 2px solid;}
.tbl th,
.tbl td {font-weight:500; text-align:center;}
.tbl th {font-size:16px; color:#2b2b2b; line-height:48px; border-bottom:#197eb5 1px solid;}
.tbl td {font-size:15px; color:#767676; line-height:46px; border-bottom:#e1e1e1 1px solid;}
.tbl td.bl {border-bottom:#197eb5 1px solid;}

.map {width:830px; margin:0 auto;}
.map .root_daum_roughmap {padding:0; border:0;}
.map_txt {font-size:17px; color:#fff; font-weight:500; line-height:28px; padding:20px 35px; background:#384354;}

.sa_list {overflow:hidden; padding-left:25px; margin-top:-40px;}
.sa_list li {float:left; width:271px; margin:30px 0 0 25px;}
.sa_list li:nth-child(3n-2) {margin-left:0; clear:both;}
.sa_list li p {position:relative; font-size:16px; color:#868686; font-weight:500; line-height:22px; padding:10px 0; text-align:center;}
.sa_list li p:before {content:""; display:inline-block; width:6px; height:6px; background:#00b5ca; margin:10px 10px 0 0; vertical-align:top;}

.ptnr_list {overflow:hidden; margin-top:-50px;}
.ptnr_list li {float:left; width:25%; text-align:center; margin-top:50px;}
.ptnr_list li a {display:block;}
.ptnr_list li a .img {width:202px; height:62px; border:#e1e1e1 1px solid; margin:0 auto;}
.ptnr_list li a p {font-size:16px; color:#868686; font-weight:500; margin:10px 0 5px;}
.ptnr_list li a em {font-size:14px; color:#188be3; font-weight:300;}

/* 사업분야 */
.g02 .contents > p {padding-left:25px;}

.adu_box {width:100%;}
.adu_box th {background:#fbfbfb; border:#ddd 1px solid; width:280px; vertical-align:top;}
.adu_box th .tit {font-size:20px; color:#fff; font-weight:700; height:60px; line-height:60px; text-align:center;}
.adu_box th.c1 .tit {background:#1b60a3;}
.adu_box th.c2 .tit {background:#00a8e6;}
.adu_box th.c3 .tit {background:#636674;}
.adu_box th .con {padding:10px 20px; text-align:left;}
.adu_box th .con p {position:relative; font-size:16px; color:#868686; font-weight:500; line-height:34px; padding-left:18px;}
.adu_box th .con p:before {content:""; position:absolute; width:6px; height:6px; top:14px; left:0; background:#00b5ca;}

/* 도깨비인형극단 */
.do_list {overflow:hidden; margin-top:-35px;}
.do_list li {float:left; width:280px; margin:35px 0 0 30px; text-align:center;}
.do_list li:nth-child(3n-2) {margin-left:0; clear:both;}
.do_list li strong {display:block; font-size:20px; color:#333; font-weight:500; line-height:28px; margin-top:20px;}
.do_list li p {font-size:16px; color:#2092d0; font-weight:500; line-height:20px;}

/* login */
.login_wrap {width:450px; margin:0 auto;}
.ltit {font-size:16px; color:#616161; font-weight:500; line-height:20px; margin-bottom:15px;}
.login_wrap .login {position:relative; padding-right:150px;}
.login_wrap .login .text {width:100%; height:38px; padding:0 10px; margin-bottom:14px; font-size:15px; color:#666; font-weight:400;}
.login_wrap .login .btn {position:absolute; top:0; right:0; width:140px; height:90px; line-height:90px; text-align:center; background:#40a9e2; font-size:15px; color:#fff; font-weight:500; border:0;}
.login_wrap .login label {display:block; margin-top:10px; font-size:14px; color:#505050; font-weight:400;}
.login_wrap .login label input {margin-right:10px;}
.log_btns {margin-top:25px; border-top:#e1e1e1 1px solid; padding-top:20px; overflow:hidden;}
.log_btns .btn {float:left; display:block; width:49%; height:50px; font-size:15px; font-weight:500; text-align:center; margin-left:2%;vertical-align: middle;line-height: 35px}
.log_btns .btn:nth-child(2n-1) {margin-left:0;}
.log_btns .btn01 {color:#fff; background:#444;padding:7px; }
.log_btns .btn02 {color:#949494; background:#fff; border:#b7b7b7 1px solid; padding:7px;}
.log_tabs {width:520px; overflow:hidden; margin:0 auto 50px;}
.log_tabs li {float:left; width:50%;}
.log_tabs li a {position:relative; display:block; font-size:15px; color:#626262; font-weight:500; line-height:50px; text-align:center; border-top:#e1e1e1 1px solid; border-bottom:#e1e1e1 1px solid;}
.log_tabs li a:before,
.log_tabs li a:after {content:""; position:absolute; top:0; width:1px; height:100%; background:#e1e1e1;}
.log_tabs li a:before {left:0;}
.log_tabs li a:after {right:0;}
.log_tabs li:first-child a:after
.log_tabs li:last-child a:before {display:none;}
.log_tabs li:hover a {color:#40a9e2;}
.log_tabs li.on a {color:#40a9e2; border-color:#40a9e2; border-bottom:0;}
.log_tabs li.on a:before,
.log_tabs li.on a:after {background:#40a9e2;}
.contents .log_txt {font-size:15px; color:#949494; font-weight:400; text-align:center; line-height:20px; margin-bottom:30px;}
.search_idpw {width:370px; margin:-15px auto 0;}
.search_idpw .text {width:100%; height:40px; padding:0 10px; margin-top:15px;}
.search_idpw .btn {margin-top:40px; font-size:15px; color:#fff; font-weight:500; width:100%; height:50px; background:#40a9e2; text-align:center; border:0;}
.search_ipbtn .log_btns {width:480px; margin:70px auto 0; border-top:#e1e1e1 1px solid; overflow:hidden; padding:30px 30px 0;}
.search_ipbtn .log_btns .btn {float:left; display:block; width:49%; height:42px; font-size:15px; font-weight:500; text-align:center; margin-left:2%; margin-top:0;}
.search_ipbtn .log_btns .btn:nth-child(2n-1) {margin-left:0;}
.search_ipbtn .log_btns .btn03 {color:#fff; background:#959595; line-height:42px;}
.search_ipbtn .log_btns .btn02 {color:#949494; background:#fff; border:#b7b7b7 1px solid; line-height:40px;}

.join_step {text-align:center; font-size:0; margin-bottom:80px;}
.join_step li {position:relative; display:inline-block; font-size:24px; color:#bfbfbf; font-weight:300; text-align:center; line-height:30px; padding:0 95px;}
.join_step li:before {content:""; position:absolute; width:21px; height:39px; background:url('/images/arrow_join.gif') no-repeat; top:50%; left:-10px; margin-top:-20px;}
.join_step li:first-child:before {display:none;}
.join_step li .img {display:block; margin:0 auto 20px; height:55px; overflow:hidden;}
.join_step li .img img {vertical-align:top;}
.join_step li.on {color:#40a9e2; font-weight:400;}
.join_step li.on .img img {margin-top:-55px;}

.join_wrap > label {display:block; line-height:20px; margin-top:20px; font-size:15px; color:#000; font-weight:400;}
.join_wrap .btn_join {display:block; width:220px; height:50px; line-height:50px; background:#40a9e2; text-align:center; font-size:16px; color:#fff; font-weight:500; border:0; margin:0 auto;}

.input_box {border-top:#e1e1e1 1px solid;}
.input_box th,
.input_box td {border-bottom:#e1e1e1 1px solid; padding:10px; line-height:38px;}
.input_box th {width:160px; font-size:15px; color:#616161; font-weight:500; padding-left:30px; text-align:left;}
.input_box th label {display:block;}
.input_box th em {color:#ff1e00; margin-left:2px;}
.input_box td {font-size:0;}
.input_box td select.text,
.input_box td input.text {height:38px; line-height:36px; font-size:14px; color:#666; padding:0 5px;}
.input_box td textarea.text {font-size:14px; color:#666; padding:5px;}
.input_box td .readonly {background:#f3f3f3; outline:0;}
.input_box td select.text {padding:0;}
.input_box td .btn {font-size:13px; color:#fff; font-weight:400; width:110px; height:38px; line-height:38px; background:#707070; border-radius:6px; margin-left:5px;}
.input_box td em {display:inline-block; font-size:14px; color:#949494; font-weight:400; line-height:38px; margin-left:5px; vertical-align:top;}
.input_box td .mr {margin-right:5px;}
.input_box td .wp3 {width:13%; margin-right:.5%;}
.input_box td p {font-size:14px; color:#949494; font-weight:400; line-height:30px;}
.input_box td label {display:inline-block; font-size:15px; color:#b2b2b2; font-weight:400; height:38px; line-height:38px; vertical-align:top;}
.join_btns {padding-top:70px; text-align:center; font-size:0;}
.join_btns .btn {display:inline-block; width:220px; height:50px; font-size:16px; text-align:center; margin:0 3px; vertical-align:top;}
.join_btns .btn01 {line-height:50px; color:#fff; background:#40a9e2; border:0;}
.join_btns .btn02 {line-height:48px; color:#616161; border:#959595 1px solid;}
.g08 .input_box {border-top:0;}

.join_end {text-align:center;}
.join_end .txt {font-size:25px; color:#434343; font-weight:400; line-height:30px; margin-bottom:30px;}
.join_end p {font-size:15px; color:#434343; font-weight:300; line-height:23px;}
.join_end .join_btns {border-top:#e1e1e1 1px solid; width:480px; margin:40px auto 0; padding-top:40px;}

/* 약관 */
.yaks {border:#e1e1e1 1px solid; padding:10px; border-radius:4px;}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}