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

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

/* layout */
html, body {position:relative; min-width:1200px; width:100%; overflow-x:hidden; word-break:keep-all;}
input.text,
select.text {height:30px; border:#ddd 1px solid; padding:0 10px;}
textarea.text {border:#ddd 1px solid; padding:10px;}
a {transition:.2s linear;}

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

.btn_gray {background:#888 !important;}

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

/* 게시판 목록 */
.board_list {border-top:#363636 1px solid;}
.board_list th,
.board_list td {height:62px; text-align:center; border-bottom:#e1e1e1 1px solid;}
.board_list th {background:#fff; font-size:17px; color:#333; font-weight:500;}
.board_list td {font-size:16px; color:#666; font-weight:400;}
.board_list td.tal a {position:relative; display:inline-block; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right:20px;}
.board_list td.tal a img {position:absolute; top:0; right:0;}
.board_list td.ing {font-size:13px; color:#f20935; font-weight:700;}
.board_list td.end {font-size:13px; color:#20409a; font-weight:700;}
#bo_list .board_list td.td_subject {text-align:left;}
#bo_list .board_list td.td_name {text-align:center;}

.board_bottom {margin-top:30px; overflow:hidden;}
.board_bottom .btns {overflow:hidden;}
.board_bottom .btns .btn {display:inline-block; width:120px; height:42px; line-height:42px; background:#424242; font-size:16px; color:#fff; text-align:center; border:0; vertical-align:top; transition:.5s;}
.board_bottom .btns .btn:hover {background:#222; color:#eee;}
.board_bottom .btns .btn01 {background:#20409a; color:#fff;}
.board_bottom .btns .btn01:hover {background:#143286;}
.board_bottom .btns .btn02 {background:#fff; border:#e1e1e1 1px solid; line-height:40px; color:#1f1f1f;}
.board_bottom .btns .btn02:hover {background:#eee; color:#000;}
.board_bottom .btns .btn_b {}
.board_bottom .btns .btn_b:hover {}
.board_bottom .paging {text-align:center; margin-top:10px;}
.board_bottom .paging a {display:inline-block; width:34px; height:34px; line-height:32px; text-align:center; border:#ddd 1px solid; font-size:13px; color:#666;}
.board_bottom .paging a:hover,
.board_bottom .paging a.on {background:#424242; color:#fff; font-weight:bold; border-color:#424242;}
.board_bottom .paging .nums {}
.board_bottom .paging .arrow {letter-spacing:-2px; font-family:'nanum gothic';}

.board_top .search_wrap {padding:0 0 20px; text-align:right; font-size:0;}
.board_top .search_wrap .text,
.board_top .search_wrap .btn {display:inline-block; vertical-align:top; font-size:14px; height:40px;}
.board_top .search_wrap select.text {width:130px; line-height:38px;}
.board_top .search_wrap input.text {width:260px; line-height:38px; margin:0 5px;}
.board_top .search_wrap .btn {width:60px; line-height:30px; border:0; background:#2c2c2c; color:#fff; font-weight:bold; text-align:center; padding:0;}

/* 게시판 상세 */
.board_in {border-top:#363636 1px solid;}
.board_in th,
.board_in td {text-align:left; padding:10px; border-bottom:#ddd 1px solid;}
.board_in th {font-size:17px; color:#333; font-weight:500; padding:10px 25px; line-height:48px;}
.board_in th em {color:#ff1744;}
.board_in td {font-size:16px; color:#666; font-weight:400;}
.board_in td select.text,
.board_in td input.text {height:48px;}
.board_in td input[type="file"] {font-size:13px;}
.board_in .board_bottom .btns .btn01 {width:210px; height:56px; line-height:56px;}
.board_in td .btn.btn_b {width:100px; height:50px; line-height:50px; text-align:center; background:#464646; font-size:16px; color:#fff; font-weight:500; border-radius:10px; cursor:pointer;}

/* 갤러리 목록 */
.gallery_list ul {overflow:hidden; margin-left:-10px;}
.gallery_list ul li {float:left; width:185px; margin:0 0 10px 10px;}
.gallery_list ul li a {display:block;}
.gallery_list ul li .img {width:100%; height:139px; overflow:hidden;}
.gallery_list ul li p {display:block; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* header */
.header {position:relative; z-index:11;}
.header .top {position:relative; height:130px;}
.header .top .logo {display:block; line-height:130px; width:230px; margin:0 auto;}
.header .top .logo h1 {display:none; font-size:0;}
.header .top .tbn_l {position:absolute; top:0; left:0; height:130px; line-height:130px;}
.header .top .tbn_r {position:absolute; top:0; right:0; height:130px; padding-top:25px; text-align:right;}
.header .top .tbn_r .lato {font-size:29px; color:#244fc6; font-weight:bold;}
.header .top .tbn_r p {font-size:15px; color:#949494; font-weight:500; line-height:21px; letter-spacing:-1px;}
.header .gnb {background:#153fb8; height:44px;}
.header .gnb ul {position:relative; padding-left:30px; font-size:0; text-align:center;}
.header .gnb ul li {display:inline-block; width:190px;}
.header.main .gnb ul li {float:left; display:block;}
.header .gnb ul li > a {display:block; font-size:16px; color:#fff; text-align:center; line-height:44px; transition:.2s linear;}
.header .gnb ul li:hover > a,
.header .gnb ul li.on > a {color:#dedede;}
.header .gnb ul .other {position:absolute; top:0; right:0; width:200px; background:#fff; border:#d7d7d7 1px solid;}
.header .gnb ul .other > a {display:block; width:180px; height:34px; line-height:34px; background:#191919; color:#fff; font-size:14px; margin:5px auto 4px;}
.header .other .snb {height:499px; padding-top:29px;}
.header .other .snb dl {border-top:#e1e1e1 1px solid; padding:15px 25px; text-align:left;}
.header .other .snb dl:first-child {border-top:0;}
.header .other .snb dl dt a {display:block; font-size:16px; color:#424242; font-weight:700; line-height:18px; margin-bottom:5px;}
.header .other .snb dl dd {font-size:0; color:#949494; font-weight:300;}
.header .other .snb dl dd a {font-size:14px; color:#949494; letter-spacing:-.5px;}
.header .other .snb dl dd a:hover {font-weight:500;}
.header .other .snb dl dd span {font-family:'fotum'; font-size:12px; vertical-align:top; padding:0 3px;}

/* footer */
.footer .flink {background:#313131;}
.footer .flink .inner {overflow:hidden;}
.footer .flink .inner li {float:left; padding-right:26px; margin-right:25px;}
.footer .flink .inner li:after {content:""; position:absolute; top:50%; right:0; width:1px; height:10px; background:#666; margin-top:-5px;}
.footer .flink .inner li:last-child:after {display:none;}
.footer .flink .inner li a {display:block; font-size:16px; color:#ececec; font-weight:300; line-height:60px;}
.footer .address {background:#3e3e3e; padding:20px 0 60px;}
.footer .address .inner {position:relative; padding-left:220px; font-size:14px; color:#a1a1a1; font-weight:300; line-height:23px; letter-spacing:-.5px;}
.footer .address .inner span {padding:0 5px;}
.footer .flogo {position:absolute; top:0; left:0;}
.footer .contact {position:absolute; top:0; right:0; font-size:15px; color:#f6f6f6; font-weight:500; line-height:20px;}
.footer .contact .lato {font-size:29px; line-height:36px;}
.go_mo {display:block; width:90%; text-align:center; font-size:50px; color:#333; border:#666 4px solid; border-radius:10px; padding:10px 0; margin:20px auto;}

.quick_menu {position:absolute; top:384px; right:10px; z-index:1;}
.quick_menu.fixed {position:fixed; top:10px !important;}
.quick_menu.main {top:750px;}
.quick_menu .quick_box {border:#d7d7d7 1px solid; background:#fff;}
.quick_menu .tit {font-size:14px; color:#252525; font-weight:700; text-align:center; line-height:40px; background:url('/images/bg_qtop.jpg') repeat-x; background-size:contain;}
.quick_menu .contact {padding:20px 0; text-align:center; width:180px;}
.quick_menu .contact img {margin-bottom:15px;}
.quick_menu .contact p {font-size:14px; color:#949494; font-weight:400; line-height:20px; letter-spacing:-1px;}
.quick_menu .contact strong {font-size:22px; color:#20409a; font-weight:700; line-height:30px; letter-spacing:-.5px;}
.quick_menu .contact .btn {display:block; font-size:14px; color:#7c7c7c; font-weight:700; width:120px; height:28px; line-height:26px; text-align:center; margin:5px auto 0; border:#e1e1e1 1px solid; border-radius:4px; padding:0; letter-spacing:-.5px;}
.quick_menu ul li {position:relative; padding:18px 0 18px 64px; line-height:20px; border-top:#e1e1e1 1px solid; background:url('/images/bg_quick.jpg') repeat-x; background-size:contain;}
.quick_menu ul li .icon {position:absolute; top:50%; left:16px; width:35px; height:36px; margin-top:-18px;}
.quick_menu ul li strong {display:block; font-size:14px; color:#616161; font-weight:700; letter-spacing:-.5px;}
.quick_menu ul li p {font-size:14px; color:#949494; font-weight:300; line-height:15px; padding-bottom:4px; letter-spacing:-.5px;}
.quick_menu .gotop {display:block; font-size:14px; color:#252525; margin-top:18px; line-height:12px; text-align:center;}
.quick_menu .gotop img {margin-left:6px;}

/* main */
.mvisual {position:relative; width:100%; height:500px;}
.mvisual .slick-slide {position:relative; height:500px; overflow:hidden;}
.mvisual .slick-slide img {position:absolute; top:0; left:50%; max-width:1920px; height:100%; margin-left:-960px;}
.mvisual .slick-dots {position:absolute; bottom:110px; left:50%; margin-left:-570px; overflow:hidden; z-index:1;}
.mvisual .slick-dots li {float:left; margin-right:6px; padding-top:1px;}
.mvisual .slick-dots li button {display:block; width:10px; height:10px; background:#fff; border-radius:50%; text-indent:-5000px;}
.mvisual .slick-dots li.slick-active {padding-top:0;}
.mvisual .slick-dots li.slick-active button {width:12px; height:12px; background:#20409a;}
.mvisual .slick-arrow {position:absolute; top:50%; width:35px; height:62px; margin-top:-31px; border:0; text-indent:-5000px; overflow:hidden; z-index:1;}
.mvisual .slick-prev {left:50px; background:url('/images/arrow_prev.png') no-repeat;}
.mvisual .slick-next {right:50px; background:url('/images/arrow_next.png') no-repeat;}

.mcon .title {font-size:28px; color:#252525; font-weight:700; text-align:center; padding:0 0 50px;}
.mcon .title p {font-size:17px; color:#616161; font-weight:400; line-height:25px; margin-top:10px;}

.mcon01 {padding:50px 0;}
.mcon01 dl {overflow:hidden;}
.mcon01 dl dd {position:relative; float:left; width:244px; padding:30px 40px;}
.mcon01 dl dd:before {content:""; position:absolute; top:50%; left:0; width:1px; height:180px; background:#ebebeb; margin-top:-90px;}
.mcon01 dl dd.mboard {width:468px; padding-top:0; padding-bottom:0;}
.mcon01 dl dd.mboard:before {display:none;}
.mcon01 dl dd.mboard .tit {font-size:20px; color:#252525; font-weight:700; line-height:30px; margin-bottom:15px;}
.mcon01 dl dd.mboard .tit img {margin-right:5px;}
.mcon01 dl dd.mboard ul li {position:relative;}
.mcon01 dl dd.mboard ul li a {display:block; font-size:16px; color:#949494; line-height:36px; font-weight:400; padding-left:10px;}
.mcon01 dl dd.mboard ul li a:before {content:""; position:absolute; top:18px; left:0; width:2px; height:2px; background:#949494;}
.mcon01 dl dd.mboard ul li a em {padding:0 20px;}
.mcon01 dl dd.mboard ul li span {position:absolute; display:block; top:0; right:0; font-size:16px; color:#424242; font-weight:500; width:80px; text-align:center;}
.mcon01 dl dd .icon {width:100%; height:61px; text-align:center; margin-bottom:30px;}
.mcon01 dl dd strong {display:block; font-size:20px; color:#2c50b3; font-weight:700; margin-bottom:20px; text-align:center;}
.mcon01 dl dd p {font-size:14px; color:#252525; font-weight:400; line-height:22px; text-align:center;}

.mcon02 {padding:80px 0 90px; background:#f1f1f5;}
.mcon02 .mlist {overflow:hidden;}
.mcon02 .mlist li {position:relative; float:left; width:370px; height:250px; margin:40px 0 0 45px; overflow:hidden;}
.mcon02 .mlist li:nth-child(3n-2) {margin-left:0; clear:both;}
.mcon02 .mlist li .img {position:relative;}
.mcon02 .mlist li .img p {position:absolute; bottom:0; left:0; width:100%; height:50px; line-height:50px; text-align:center; font-size:19px; color:#fff; font-weight:400; background:rgba(0,0,0,.54); transition:.2s linear;}
.mcon02 .mlist li:hover .img p {bottom:-100%;}
.mcon02 .mlist li .hover {position:absolute; bottom:-100%; left:0; width:100%; height:100%; background:rgba(0,0,0,.65); padding-top:40px; text-align:center; transition:.2s linear;}
.mcon02 .mlist li .hover .tt {position:relative; font-size:31px; color:#fff; font-weight:700; line-height:34px; padding:10px 0 20px; margin-bottom:20px;}
.mcon02 .mlist li .hover .tt:after {content:""; position:absolute; bottom:0; left:50%; width:90px; height:4px; background:#fff; margin-left:-45px;}
.mcon02 .mlist li .hover p {font-size:16px; color:#fff; font-weight:500; margin-bottom:20px;}
.mcon02 .mlist li .hover a {display:block; width:160px; height:40px; line-height:38px; text-align:center; font-size:14px; color:#fff; font-weight:400; border:#fff 1px solid; background:rgba(255,255,255,.16); margin:0 auto;}
.mcon02 .mlist li:hover .hover {bottom:0;}

.mcon03 {padding:80px 0 90px;}
.mcon03 .mlist {overflow:hidden;}
.mcon03 .mlist li {float:left; width:285px; height:285px; margin:20px 0 0 20px; overflow:hidden;}
.mcon03 .mlist li:nth-child(4n-3) {margin-left:0; clear:both;}
.mcon03 .mlist li a {position:relative; display:block;}
.mcon03 .mlist li p {position:absolute; top:0; left:0; width:100%; height:100%; line-height:285px; text-align:center; font-size:20px; color:#fff; font-weight:400; background:rgba(0,0,0,.3); opacity:0; transition:.2s linear;}
.mcon03 .mlist li:hover p {opacity:1;}
.mcon03 .more {display:block; width:250px; height:60px; line-height:58px; text-align:center; font-size:18px; color:#20409a; font-weight:500; border:#798cc2 1px solid; margin:60px auto 0;}

.mcon04 a {display:block; width:100%; height:215px; background:url('/images/mbtm_banner.jpg') no-repeat 50% 50%;}

/* sub */
.container {min-height:600px;}
.svisual {font-size:39px; color:#fff; font-weight:400; text-align:center; width:100%; line-height:200px; background-color:#000; background-repeat:no-repeat; background-position:50% 50%;}
.sub01 .svisual {background-image:url('/images/svisual01.jpg'); display:none;}
.sub02 .svisual {background-image:url('/images/svisual02.jpg');}
.sub03 .svisual {background-image:url('/images/svisual03.jpg');}
.sub04 .svisual {background-image:url('/images/svisual04.jpg');}
.sub05 .svisual {background-image:url('/images/svisual05.jpg');}
.aside {padding-top:80px; margin-bottom:75px; overflow:hidden;}
.aside h2 {display:block; font-size:30px; color:#313131; font-weight:700; text-align:center; line-height:30px;}
.aside .lnb {overflow:hidden; width:991px; margin:60px auto 0; border-top:#e1e1e1 1px solid; border-left:#e1e1e1 1px solid;}
.aside .lnb li {float:left; width:165px; border-right:#e1e1e1 1px solid; border-bottom:#e1e1e1 1px solid;}
.aside .lnb li a {display:block; font-size:16px; color:#949494; font-weight:500; text-align:center; height:49px; line-height:48px; transition:.2s linear;}
.aside .lnb li:hover a,
.aside .lnb li.on a {background:#acacac; color:#fff;}

.content {padding-bottom:100px;}

.sub01 .aside h2 {position:relative; padding-bottom:45px;}
.sub01 .aside h2 .bar {position:absolute; bottom:0; left:50%; width:40px; height:2px; margin-left:-20px; background:#464646;}
.sub01 .stit {font-size:19px; color:#313131; font-weight:400; line-height:22px; padding-bottom:15px; border-bottom:#ebebeb 1px solid; margin-bottom:40px; text-align:center;}
.sub01 .scon01 {font-size:22px; color:#313131; font-weight:500; line-height:30px; margin-bottom:100px; text-align:center;}
.sub01 .scon02 {background:url('/images/img_s0101.jpg') no-repeat 100% 0;}
.sub01 .scon02 dl {overflow:hidden; margin-top:60px; padding:0 60px;}
.sub01 .scon02 dl:first-child {margin-top:0;}
.sub01 .scon02 dt,
.sub01 .scon02 dd {float:left;}
.sub01 .scon02 dt {font-size:19px; color:#313131; font-weight:500; line-height:28px; padding-left:30px; background:url('/images/dot_stit.gif') no-repeat 0 5px; width:170px;}
.sub01 .scon02 dd {font-size:16px; color:#616161; font-weight:400; line-height:28px;}
.sub01 .scon03 {padding-top:100px;}
.sub01 .scon03 ul {overflow:hidden; width:100%;}
.sub01 .scon03 ul li {float:left; width:25%; text-align:center; padding:10px 1%;}
.sub01 .scon03 ul li em {display:inline-block; border:#ddd 1px solid;}
.sub01 .scon03 ul li p {font-size:15px; color:#616161; font-weight:500; margin-top:10px; text-align:left;}
.sub01 .scon04 {padding-top:100px;}
.sub01 .scon04 td {position:relative; width:33.3%; text-align:center; padding:12px 0; vertical-align:top;}
.sub01 .scon04 td:after {content:""; position:absolute; top:0; right:-5px; width:10px; height:85px; background:url('/m/images/arrow_pyo.gif') no-repeat 50% 50%; background-size:contain;}
.sub01 .scon04 td.non_arrow:after {display:none;}
.sub01 .scon04 td img {height:65px;}
.sub01 .scon04 td p {font-size:15px; color:#252525; font-weight:500; margin-top:10px;}
.sub01 .scon05 {padding-top:100px;}
.sub01 .scon05 .map {width:980px; margin:0 auto;}
.sub01 .scon05 .root_daum_roughmap {width:100% !important;}
.sub01 .scon05 .map_text {width:100%; margin-top:20px; border-top:#707070 1px solid;}
.sub01 .scon05 .map_text th,
.sub01 .scon05 .map_text td {border-bottom:#e1e1e1 1px solid; font-size:15px; color:#313131; font-weight:400; line-height:38px; padding:10px; text-align:left;}
.sub01 .scon05 .map_text th {width:150px; padding-left:35px;}

.product_list {overflow:hidden; margin-top:-70px;}
.product_list li {float:left; width:270px; margin:70px 0 0 40px;}
.product_list li:nth-child(4n-3) {margin-left:0;}
.product_list li .img {width:270px; height:270px; line-height:270px;text-align:center; margin-bottom:20px;}
.product_list li strong {display:block; font-size:18px; color:#252525; font-weight:700; line-height:28px; margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product_list li p {font-size:15px; color:#949494; font-weight:500; line-height:20px;}

.content .title {font-size:31px; color:#252525; font-weight:500; line-height:40px; padding:50px;}
.content .title p {font-size:18px; color:#949494; font-weight:400; line-height:25px; margin-top:10px;}

.yaks {border:#ddd 1px solid; border-radius:10px; padding:20px;}

/* 팝업레이어 */
#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}