@import url(/webroot/common/css/wfont.css);
@import url(/webroot/common/css/bsColor.css);
@import url(/webroot/common/css/bsSpacing.css);

body {
	font-family: 'Nanum Gothic', 'Noto Sans KR', sans-serif;
	font-weight:400;
   
}

a { color:inherit; text-decoration:none; }
p { margin:0; }

.sWrap { max-width:1900px; margin:0 auto; }
.pagination { justify-content:center;}
.inputBg { background-color:#f6f7f9!important;}

a.linkAni:after {
	display:block;
	content: '';
	transform: scaleX(0);  
	transition: transform 250ms ease-in-out;
}

a.linkAni:hover:after {
	transform: scaleX(1);
}

a.linkAniRight:after { transform-origin:100% 50%; }
a.linkAniLeft:after { transform-origin:0 50%; }

.mLine { background-color:#4dd4ac; height:5px; }
.bar50 { display:block; height:3px; width:50px; background-color:#000; margin:0 auto; margin-top:10px; }
.btn_more1 { display: inline-block; padding:5px 10px; }
.word_break { word-break: keep-all; }
.btn_white:hover { color:#fff; }
button.btn_qty, button.btn_del { border:none; background:none; }

.topMenu { background-color:#424d63; color:#fff; }
.topMenu .small i { display:inline-block; margin-left:10px; }

.topSearch .itext { width:250px; border:none; border-bottom:1px solid black; outline:none; }
.topSearch .img { margin-left:-30px; }
.topSearch .tag { color:#6c757d; }

.gnb a.menu { color:#000; text-decoration:none; font-size:19px; }
.gnb a:hover { color:#454545; text-decoration:none; }
.gnb .gnb2 { font-weight:bold; }
	.gnb .gnb2 a { color:#000; line-height:1rem; }
	.gnb .gnb2 a:hover { color:#454545; }
	.gnb .gnb2 .menu { display:inline-block; text-align:center; }
	.gnb .gnb2 .menu .en { font-size:10px; color:#adb5bd; }

.gnb2 .dropdown { position:relative; margin-left:50px; }
.gnb2 .dropdown:hover .dropdown_menu { display:block; }
.gnb2 .dropdown_menu { display:none; position:absolute; background-color:#fff; font-weight:normal; width:200px; margin-left:-20px; z-index:1; }
    .gnb2 .dropdown_menu .grp { margin-top:20px; border:1px solid #c4c4c4; padding-top:20px; padding-bottom:20px; }
	.gnb2 .dropdown_menu a { display:block; padding:10px; padding-left:20px; }
	.gnb2 .dropdown_menu a:hover { background-color:#2d2d2d; color:#fff; font-weight:700; }

.gnb3 .allmenu { background:none; border:none; padding:3px 7px; outline:none; box-shadow:none; }
	.gnb3 .allmenu span { display:block; width:30px; height:2px; margin:7px auto; background:#000; transition:all .6s cubic-bezier(0.250, 0.100, 0.250, 1.000); }

#btn_top { position: fixed;	right: 2%; bottom: 50px; display: none; z-index: 999; cursor:pointer; border:1px solid silver; padding:10px; background-color:#000; color:#fff; }

#offcanvas {}
	#offcanvas .gnbm .dropdown { margin-bottom:1rem; }
	#offcanvas .gnbm a { font-weight:bold; font-size:1.1rem; }

#menuModal .modal-xl { max-width:100% }
#menuModal .modal-header { display:none; padding:0.5rem; }
#menuModal .modal-content { border-radius:0; }
#menuModal .modal-body { position:relative; padding:1.5rem; padding-top:0; }

#menuModal .modal-body .topbg { position:absolute; width:100%; height:100px; background-color:#474747; z-index:1; }
#menuModal .modal-body .topbg .btn_bg { display:block; background-color:#474747; border:1px solid #fff; padding:5px 10px; border-radius:50% 50%; margin-top:32px; cursor:pointer; }
#menuModal .modal-body .topbg .btn_bg .btn_close { color:#fff; font-weight:bold; }

#menuModal .dropdown { background-color:transparent; margin:10px 20px; margin-top:33px; width:150px; z-index:10; }
	#menuModal .dropdown > a.menu { color:#fff; font-size:22px; font-weight:bold; }
	#menuModal .dropdown > a.menu:after { border-left: solid 1px #ebebeb; display:block; content: ''; width:3px; }
	#menuModal .dropdown_menu { margin-top:50px; }
	#menuModal .dropdown_menu a { display:block; padding:5px; padding-left:10px; }
    #menuModal .dropdown_menu a:hover { background-color:#000; color:#fff; }

.carousel-control-next, .carousel-control-prev { width:5%; }

.mSlide { }
.mSlide { margin-bottom:0; }
.mSlide .slide img { width:100%; }
.mSlide .slide .mImg { box-shadow: 0 3px 6px 3px rgba(0,0,0,.1); background-color:#edfaff; height:300px; font-size:2rem; display:flex; justify-content:center; align-items:center; }

.mSlide .slide .txt2 { font-size:3rem; color:#006cb7; }
.mSlide .slide .bg1 { box-shadow: 0 3px 6px 3px rgba(0,0,0,.1); background-color:#bfe4ff; height:318px; font-size:2rem; }
.mSlide .slide .bg2 { box-shadow: 0 3px 6px 3px rgba(0,0,0,.1); overflow:hidden; }
.mSlide .vBox { display:block; text-align: center; border:1px solid silver; padding:15px 30px; }
    .mSlide .vBox p { font-size:1.1rem; padding-top:10px; }

.sct_col_4_8 .left_bar { position:relative; padding-left:18px; }
.sct_col_4_8 .left_bar:before { position:absolute; content:''; top:4px; left:0; width:3px; height:88%; background-color:#000; }
.sct_col_4_8 .txt { font-size:1.2rem; font-weight:600; color:#605e5e; }

.sct_col_3 { }
    .sct_col_3 .prt { position:relative; overflow:hidden; display:inline-block; }
    .sct_col_3 .txt { position:absolute; top:10%; left:10%; font-weight:bold; color:#fff; }
    .sct_col_3 .txt ul { text-align:left; }
        .sct_col_3 .txt ul li { font-size:1.1rem; margin-top:0.2rem; }

    .sct_col_3 #txt1 { }
    .sct_col_3 #txt2 li { display:inline-block; margin-right:0.6rem; }
    .sct_col_3 #txt3 { color:#fff; }
        .sct_col_3 #txt3 li { display:inline-block; margin-right:0.6rem; }

.sct_col_4 { background-color:#fff; }
    .sct_col_4 .tit1 { font-size:35px; text-align:center; font-weight:bold;  background:url(../img/title_line.jpg) no-repeat center center; }
    .sct_col_4 .tit2 { font-size:18px; }

    .sct_col_4 .prt { position:relative; }
    .sct_col_4 .badge_best { position:absolute; top:0; left:0; background-color:#000; color:#fff; padding:0.3rem 0.8rem; font-weight:bold; font-size:0.8rem; line-height:0.9rem; }
    .sct_col_4 .badge_red { background-color:#fe0000; }

    .sct_col_4 .btn_shop { border:1px solid #000; border-radius:5px; padding:3px 5px; font-size:.8rem; }
    .sct_col_4 .btn_shop:hover { color:#000; }
    .sct_col_4 .btn_coupang { background-color:#ee3145; border:1px solid #ee3145; color:#fff; }
    .sct_col_4 .btn_naver { background-color:#1cc800; border:1px solid #1cc800; color:#fff; }
    .sct_col_4 .btn_11st { background-color:#ee3145; border:1px solid #ee3145; color:#fff; }

.sct_col_2 .container .bg { background-color:#ededed; }
.sct_col_2 .btn_detail { background-color:#000; border:1px solid #000; border-radius:8px; padding:10px 20px; color:#fff; font-size:1.2rem; }

#sct_info { background-color:#f5f5f5; }
.footer { background-color:#000; color:#fff; }

.sImage { }
	.sImage img { width:100%; }
	.sImage .sImg { box-shadow: 0 3px 6px 3px rgba(0,0,0,.1); background-color:#edfaff; height:200px; font-size:2rem; display:flex; justify-content:center; align-items:center; }
    
    .sImage .bg { box-shadow: 0 3px 6px 3px rgba(0,0,0,.1); background-color:#fff; height:200px; font-size:2rem; }

.sub1 { width:83%; margin-left:auto; margin-right:auto; }
.sub1 .txt2 { line-height:1.8rem;font-size:1.1rem; }

#stitle {}
    #stitle .loc { background-color:#f9f9f9; }
        #stitle .loc .smenu1 { width:80px; }
        #stitle .loc .smenu2 { width:150px; }
        #stitle .loc .smenu3 { width:200px; }
        
        #stitle .loc #s_dropmenu { display:none; top:56px; left:-1px; width:200px; }
        #stitle .loc #s_dropmenu li { width:200px; padding:1rem 1.5rem; border:1px solid #dee2e6; border-top:none; background-color:#fff; }
        #stitle .loc #s_dropmenu li:hover { background-color:#f9f9f9; }
		#stitle .loc #s_dropmenu li.on { background-color:#f9f9f9; }

    #stitle .tit1 { position:relative; display:inline-block; }
    #stitle .tit1:after { position:absolute; display:block; content:''; width:100%; height:3px; background-color:#465d88; left:0; bottom:-5px; }

    #stitle .tit2 { text-align:center; width:150px; padding:10px; background-color:#f3f3f3; margin-right:10px; }
    #stitle .tit2.on { color:#fff; background-color:#435d8e; }

.scontents { min-height:400px; }

.title { font-family:'Noto Sans KR'; font-weight:500; font-size:1.5rem; }
.title a { color:#adb5bd; margin:0 15px; }
.title a:hover { color:#198754; }
.title .on { font-size:2rem; font-family:'Noto Sans KR';}

.contents { width:1000px; padding:30px 100px; margin:0 auto; }
	.contents .submenu .col { padding:10px; border:1px solid #eaeaea; }
	.contents .submenu .col:hover { background-color:#eeeeee; }
	.contents .submenu .on { background-color:#eeeeee; }
	.contents .submenu .col a { padding:10px; }
	.contents .submenu .col a:hover { text-decoration:underline; }

.pds_list #tit { height:55px; }

.vcontents { max-width:1000px; }
    .vcontents .dlist li { border-bottom:1px solid #e7e7e7; padding:14px 0;}
    .vcontents .dlist li .tit { display:inline-block; width:25%; }
    .vcontents .btn_grp .btn_view { padding:10px 30px;; border:1px solid black; }
    .vcontents .btn_grp .btn_view:hover { background-color:#000; color:#fff; }
	.vcontents #wct img { max-width:100%; } 
.vcart {}
	.vcart .tbl_cart { max-width:1000px; }
    .vcart .tbl_cart th { padding:10px; }
    .vcart .tbl_cart td { padding-top:10px; padding-bottom:10px; }
    .vcart .btn_order { display:inline-block; padding:10px 30px;; border:1px solid black; }
    .vcart .btn_order:hover { background-color:#000; color:#fff; }

.vorder {}
    .vorder .tbl_order th { border-bottom:1px solid #dee2e6; padding:8px; font-weight:normal; }
    .vorder .tbl_order th:first-child { border-top:1px solid #dee2e6; }
    .vorder .tbl_order td { border-bottom:1px solid #dee2e6; padding:8px;}
    .vorder .tbl_order td:nth-child(2) { border-top:1px solid #dee2e6; padding:7px;}
    .vorder .tbl_order td .form_input { border:1px solid #dee2e6; padding:5px;}
    .vorder .btn_post_search, .vorder .btn_post_search_o { display:inline-block; text-align:center; padding:5px; border:1px solid #dee2e6; }
    .vorder .btn_post_search:hover, .vorder .btn_post_search_o:hover { background-color:#000; color:#fff; }

    .vorder .plist li { padding:5px 0;}
    .vorder .plist li .tit { display:inline-block; }
    .vorder .btn_order { display:block; width:150px; text-align:center; padding:10px 30px; border:1px solid black; margin:20px auto; }
    .vorder .btn_order:hover { background-color:#000; color:#fff; }

.ce_board {margin-top:30px;margin-bottom:0px;}
.ce_board table {margin: 20px 0;}
.ce_board table i {font-size:22px;color:#9dacbc;}
.ce_board table i:hover {color: #235ea7;}
.ce_board .table>thead {background-color: #e6edf3;}
.ce_board .table>thead>tr>th {padding-top:10px;padding-bottom:10px;text-align:center;border-bottom-width:0px;font-size:14px;font-weight:500;vertical-align:middle;}
.ce_board .table>thead>tr>th span{font-size:0.9em;}
.ce_board .table>tbody>tr:first-child {border-top: 1px solid #ddd;}
.ce_board .table>tbody>tr>td {line-height:24px;border-bottom:1px solid #ddd;border-top-width:0px;vertical-align:middle;}
.ce_board .table>tbody>tr>td .ce_small {display:inline-block;font-size:11px; color:#9dacbc;}
.ce_board .table>tbody>tr>td b {color:#34a4d3;letter-spacing:-0.02em;}
.ce_board .table-hover>tbody>tr:hover {background-color:#f7fbfd;}
.ce_board .table .btn-default i {font-size:18px;}

.ce_board .table>tbody>tr .listArrow {padding:0 30px;text-align:center;vertical-align:middle;}
.ce_board .table>tbody>tr .listArrow i {font-size:38px;}
.ce_board .table>tbody>tr .listPhoto {padding:25px 20px 15px 20px; width:33%; text-align:center;vertical-align:top;}
.ce_board .table>tbody>tr .listPhoto .ce_GPmg {width:100%;}
.ce_board .table>tbody>tr .listPhoto .ce_title {padding:10px 10px 5px 10px;line-height:22px;}
.ce_board .table>tbody>tr .listPhoto .ce_date {font-size:12px;}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {background-color:#f6f7f9;}
.form-control {background-color:#f6f7f9!important;}

.pagination li.page-item { margin:0 7px; }
.pagination li.page-item a { color:#888; font-weight:600; }
.page-item.active .page-link { border-color:#00a1e1; background-color: #00a1e1; }

.vboard.row > * { padding:0; }
.vboard .b_title { padding:30px 0; text-align:center; font-size:1.5rem; font-weight:bold; background-color:#f5f5f5; }
.vboard .b_title .date { font-size:14px; color:#bdbcbc; }
.vboard .b_down { border-top:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; padding:8px 0; }
.vboard .b_body p { margin-bottom:0; }

.tabmenu { position:relative; }
.tabmenu:after { content:''; position:absolute; width:100%; height:1px; top:35%; left:0; border-bottom:1px dashed silver; z-index:-2; }
	.tabmenu .item { position:relative; color:#fff; cursor:pointer; }
	.tabmenu .item:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#5f8cd0; transform:skew(20deg); z-index:-1; }

.hpage { display:none; position:relative; }
.hpage:after { position:absolute; content:''; top:0; left:5px; width:1px; height:100%; border:1px dashed #e4e0e0; z-index:-2; }

.hpage .hdiv { padding-left:20px; }
	.hpage .hdiv .date { position:relative; }
	.hpage .hdiv .date:after { content:''; position:absolute; top:30%; left:-20px; width:12px; height:12px; background-color:#44bd44; }


@media screen and (max-width:1400px) 
{
	.photoSt .st_ban .col a { padding:10px; }
	.photoSt .st_ban .col a .text { font-size:1rem!important; }
}

@media screen and (max-width:1200px) 
{
    #menuModal .modal-body { justify-content:start!important; flex-wrap:wrap!important; }
    
    #menuModal .modal-body .topbg { padding:1.5rem; width:93%; background-color:#fff; }
    #menuModal .modal-body .topbg .btn_bg { margin-top:0; }
    
    #menuModal .dropdown > a.menu { color:#000; }
}

@media screen and (min-width: 1025px){
	.ce_board .table>tbody>tr .list {padding-top:12px;padding-bottom:12px;}
}

@media screen and (max-width:992px) 
{
	.mSlide .slide .bg2 { height:100%; }
	.contents { width:100%; padding:30px 0!important; }
	.sub1 { width:100%; }
}

@media screen and (max-width:768px) 
{	
	#hmenu { white-space:nowrap; overflow-x:auto; 
			 -webkit-verflow-scrolling: touch;
			 -ms-overflow-style: -ms-autohiding-scrollbar;
	}
	#hmenu::-webkit-scrollbar { display:none; }
	
	.contents { width:100%; }
	
    .ce_board {padding-right: 0; padding-left: 0; margin-bottom:0px;}
	.ce_board .table>tbody>tr>td {padding:8px 5px;}
    
	.footer .foot2 div { flex-direction:column!important; }
	.footer .foot2 div .foot2_logo { padding:20px 0!important; text-align:left!important; }
} 

@media screen and (max-width: 576px){
	
	.pds_list .prt img { width:100%; }
}

@media screen and (max-width: 450px){
    
    
    #menuModal .dropdown_menu { margin-top:0; }
    #menuModal .dropdown { margin-top:0; width:100%;}
    #menuModal .dropdown:first-child { margin-top:30px; width:100%;}
    
	.ce_board .table>thead {display:none;}
	.ce_board table,.ce_board .table>tbody {display:flow-root;}
	.ce_board .table>tbody>tr {display:flow-root;border-bottom: 1px solid #ddd;/*padding:8px 5px;*/}
	.ce_board .table>tbody>tr .listPhoto {width:100%;}
	.ce_board .table>tbody>tr>td {float:left;border-bottom: 0px solid #ddd;padding:2px 10px;}
	.ce_board .table .ce_TBR {font-size:14px;color:#909ba7;}
	.ce_board .table .w100 {width:100%;padding-bottom:8px;}
}

@media screen and (max-width: 450px){
	.topMenu #meminfo { display:block!important; }
}