@charset "utf-8";
@import url("nanumsquareround.css");
@import url("suit.css");
@import url("reset.css");


body {background:#fcfcfc;}
.wrap {min-width:1400px;width:100%;}
header {background:#fff;width:100%;}
.top_wrap {width:100%;height:35px;background:#f4f4f4;}
.top_inner {width:1200px;margin:0 auto;}
.top_inner:after {content:' ';display:block;width:0;height:0;visibility:hidden;clear:both;}


.top_menu {float:right;}
.top_menu:after {content:' ';display:block;width:0;height:0;visibility:hidden;clear:both;}
.top_menu li {float:left;padding:0 15px;line-height:35px;font-size:13px;background:#fff;}
.top_menu li a {color:#101010;font-weight:400;}
.top_menu li:first-child {background:#2bd3c6;}
.top_menu li:first-child a {color:#fff;font-weight:700;}
.top_menu li:first-child a img {vertical-align:middle;margin-right:5px;}
.top_menu .gtr_area{padding: 0px;}
.top_menu #google_translate_element{line-height: 30px;}

.middle_area {background:#fff;width:100%;height:60px;border-bottom:1px solid #eee;}
.middle_area_inner {width:1200px;margin:0 auto;}
.middle_area_inner:after {content:'';display:block;width:0;height:0;visibility:hidden;clear:both;}
.middle_area_inner h1 {float:left; display:flex; justify-content: center; align-items: center; height:60px;}
.middle_area_inner h1 a {display:flex; justify-content: center; align-items: center;}
.middle_area_inner > .main_menu {float:right; clear:right;}
.middle_area_inner > .main_menu:after {content:'';display:block;width:0;height:0;visibility:hidden;clear:both;}
.middle_area_inner > .main_menu > li {position:relative;float:left;padding:0 24px;}
.middle_area_inner > .main_menu > li > a {color: #222; font-size: 14px; font-weight: 400; line-height: 60px;}
.middle_area_inner > .main_menu > li > a:hover {color:#2bd3c6;}
.middle_area_inner > .main_menu > li:last-child {padding-right:0;background:none;}
.middle_area_inner > .main_menu > li > ul {max-height:0;overflow:hidden; }
.middle_area_inner > .main_menu > li > ul {z-index:1000;position:absolute;top:60px;left:5%;width:90%;}
.middle_area_inner > .main_menu > li > ul > li {background:#2bd3c6;border-bottom:1px solid #fff;}
.middle_area_inner > .main_menu > li > ul > li:last-of-type{border-bottom:0;}
.middle_area_inner > .main_menu > li > ul > li > a {display:inline-block;text-align:center;width:100%;font-size:13px;line-height:40px;color:#fff;}
.middle_area_inner > .main_menu > li:hover > ul {max-height:700px;}
.content {width:1200px;margin:0 auto;padding:85px 0;}


footer {background:#F5F5F5;padding:45px 0 83px; }
.footer_inner {
    width:1200px;
    margin:0 auto; 
    position:relative;
    display:flex;
    justify-content: flex-start;
    align-items: stretch;
    gap:62px;
}
.footer_inner .web-link{
    position:absolute;
    right:0;
    top:0;
}
.footer_inner .web-link a{
    display:flex;
    justify-content: center;
    align-items: center;
    padding:6px 14px;
    border-radius: 4px;
    border: 1px solid #E6E6E6;
    background: #FFF;
    color: #333;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}
.footer_inner .left-box h6{
    display:flex;
}
.footer_inner .left-box .sns-box{
    margin-top:43px;
    display:flex;
    justify-content: flex-start;
    align-items: center;
    gap:10px;
}
.footer_inner .left-box .sns-box a{
    display:flex;
}
.footer_inner .left-box p{
    margin-top:11px;
    color:#8B8B8B;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}
.footer_inner .right-box{
    display:flex;
    flex-direction: column;
    gap:34px;
}
.footer_inner .right-box .top-box ul{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    gap:57px;
}
.footer_inner .right-box .top-box ul li{
    position:relative;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}
.footer_inner .right-box .top-box ul li:not(:last-of-type)::before{
    content: '';
    position: absolute;
    right:-29px;
    top:50%;
    transform:translateY(-50%);
    width:1px;
    height:10px;
    background:#D5D5D5;
}
.footer_inner .right-box .top-box ul li a{
    display:flex;
    position:relative;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}
.footer_inner .right-box .bot-box ul{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    gap:0 30px;
    flex-wrap: wrap;
}
.footer_inner .right-box .bot-box ul li{
    color: #5F5F5F;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px; 
}
.footer_inner .right-box .bot-box p{
    color: #5F5F5F;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px; 
    margin-top:2px;
}

/*공통 체크박스*/
.checkbox {display:none;}
.checkbox + label {margin:0 10px;vertical-align:middle;display:inline-block;width:19px;height:19px;background:url("../images/common/checkbox.png") no-repeat 0 -19px;}
.checkbox:checked + label {background-position:0 0;}
/*텍스트 없음*/
.notext {text-indent:-10000000px;}

/*마진 패딩*/

/*정렬*/


/* 레이어박스 */
.layer_wrap{}
.layer_wrap .layer_cont{background:#fff;padding:20px 15px 30px}

.layer_cont h1{margin-bottom:20px;padding-bottom:10px;font-size:22px;color:#222;line-height:28px;font-weight:bold;border-bottom:solid 2px #555}
.layer_cont h2{font-weight:bold;color:#3d3d3d;font-size:12px}

.layer_wrap .layer_cont p.txt_area{overflow:hidden;margin:30px 0 0;padding:37px 19px;font-size:14px;border:1px solid #dcdcdc;background-color:#f8f8f8;color:#222;font-weight:bold}
.layer_wrap .layer_cont .couponList{overflow-y:auto;max-height:240px;margin:0 0 20px;padding:4px 10px 5px;border:1px solid #dcdcdc;background:#f8f8f8}
.layer_wrap .layer_cont .couponList li{padding:3px 0 3px 8px;word-wrap:break-word;font-size:12px;color:#555;line-height:18px;background:url(../imgs/icon/bul_left_info.gif) 0 11px no-repeat}

.layer_wrap .layer_cont .auctionwrap {padding:0 15px 0 0;}
.layer_wrap .layer_cont .auctionwrap .close {position:absolute;right:15px;top:25px;}
.layer_wrap .layer_cont .auctionwrap p {padding:27px 0 20px;font-size:17px;font-weight:bold;color:#333;}
.layer_wrap .layer_cont .auctionwrap table thead tr th {height:45px;font-size:14px;font-weight:bold;text-align:center;vertical-align:middle;color:#666;border-top:1px solid #888;border-bottom:1px solid #e5e5e5;background:#f9f9f9;}
.layer_wrap .layer_cont .auctionwrap table tbody tr td {height:45px;font-size:14px;text-align:center;vertical-align:middle;color:#333;border-bottom:1px solid #e5e5e5;}
.layer_wrap .layer_cont .auctionwrap table tbody tr td strong {font-weight:bold;color:#1f9a63;}
.layer_wrap .layer_cont .auctionwrap .confirm {display:block;width:100px;height:36px;margin:30px auto;font-size:14px;font-weight:bold;text-align:center;vertical-align:middle;color:#fff;background:#3a4c5f;}


/*ajax layout 창*/
.wrap_buttons{text-align:center;margin-top:40px;}
.wrap_buttons button,
.wrap_buttons a{display:inline-block;width: 126px;padding:13px 0 15px;vertical-align:top;text-align:center;font-size:18px;color:white !important;font-weight:bold;border:0px; border-radius: 4px;background:#2bd3c6;}
.wrap_buttons .gray{color:#a0a0a0 !important;border:1px solid #a0a0a0;background:none}
.wrap_buttons .black{color:#000 !important;border:1px solid #000;background:none}
.wrap_buttons .bor{color:#444 !important;border:1px solid #ccc;background:none;border-radius: 4px;}
.wrap_buttons.popup{margin-top:30px;}