/* 공통 */
.main {position:relative; width:100%; min-width:1903px; overflow:hidden; }
.main_container { background-image:url(../images/main_image.jpg); background-size:cover; height:90%; min-height:800px; background-repeat:no-repeat; }
.sub_container { background-image:url(../images/sub_bg.png); background-size:cover;  /*min-height:875px;*/ background-repeat:no-repeat; }
.head_content { position:relative; width:1260px; margin:0 auto 50px; }
.content { position:relative; width:1260px; margin:0 auto; }
.inner_p { padding:0 50px; box-sizing:border-box; }
.con_table { background-image:url(../images/sub_bg_table.png); background-size:cover; background-repeat:no-repeat; padding-bottom:45px; box-shadow:4px 12px 30px 6px rgb(0 0 0 / 9%); }
.main_deco { background-image:url(../images/main_detail.png); background-size:cover; background-repeat:no-repeat; }

/*위로가기*/
.scrollTop {position: fixed;right:50px;bottom: 50px;background-color: #10a2df;padding: 20px;border-radius: 5px;box-shadow:3px 3px 8px rgba(0,0,0,0.15);cursor:pointer;opacity: 0;transition: all 0.4s ease-in-out 0s;z-index: 99999;}
.scrollTop a {font-size: 18px;color: #fff;}

/* 로고 */
.logo_area { position:absolute; left:50%; top:0; transform:translate(-50%); text-align:center; padding-top:15px; }

/* 좌측메뉴 */
#cssmenu { width: 145px; font-size: 23px; padding-top:30px !important; }
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul ul { list-style: none; margin: 0; padding: 0; border: 0; }
#cssmenu ul { position: relative; z-index: 597; float: left; }
#cssmenu ul li { float: none; min-height: 1px; line-height: 19px; vertical-align: middle; }
#cssmenu ul li.hover, #cssmenu ul li:hover { position: relative; z-index: 599; cursor: default; }
#cssmenu ul li:hover > ul { visibility: visible; }
#cssmenu ul a:link, #cssmenu ul a:visited { display: block; font-weight:500; letter-spacing:-1px; text-decoration: none; }
#cssmenu > ul { float: none; }
#cssmenu > ul > li > a { padding: 0 0 8px; color:#457086; }
#cssmenu > ul > li > a .s_tit { font-size:10px; color:rgba(69,112,134,0.5); display:block; margin-top:4px; letter-spacing:-0.1px;}
#cssmenu ul li:hover > a { padding-left:5px; transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s;  
-moz-transition: all 300ms ease-in-out 0s;  -o-transition: all 300ms ease-in-out 0s;  -ms-transition: all 300ms ease-in-out 0s;  }

#cssmenu ul .sub_menu { width: 150px; background: none; padding:5px 0 5px 15px; background:rgba(100,161,192,0.6); margin-top: -1px; visibility: hidden; position: absolute; top: 2px; left: 99%; z-index: 598;  }
#cssmenu ul .sub_menu li { float: none; padding: 0 0 0 11px; position:relative; }
#cssmenu ul .sub_menu li:after { content: ''; display: block; width: 3px; height: 3px; position: absolute; left: 0; top: 50%; border-radius:100%; background:#fff; }
#cssmenu ul .sub_menu li a { padding: 4px 0; box-sizing:border-box;  font-weight:500; color:#fff; font-weight:500; font-size:14px; text-shadow:1px 2px 13px #64a1c0; }

.nav { text-align:right; padding-top:20px; color:#999; font-size:12px; }
.nav a { font-size:12px; color:#999; padding:0 3px; }
.sub_title h2:before { content:''; display:inline-block; width:5px; height:34px; background:#488fb3; position:absolute; top:11px; left:0; }
.sub_title h2 { position:relative; font-size:36px; color:#858585; font-weight:500; letter-spacing:-3px; padding-left:17px; margin:0 0 10px; }
.sub_title h2 span { font-size:22px; color:#488fb3; vertical-align:middle; } 
.sub_title p { font-size:13px; color:#707070; letter-spacing:-0.5px; }
.sub_desk { font-size:0; }
.sub_desk div { display:inline-block; vertical-align:top; }
.sub_desk div:first-child { position:absolute; left:16px; top:140px; }
.sub_desk .au_img { margin:70px 0 25px; }
.sub_desk div:nth-child(2) { padding-left:400px; }
.aboutus_area { padding-bottom:50px; }
.sub_desk div p { font-size:15px; }
.sub_desk div .tit_txt { font-size:41px; letter-spacing:-1px; margin-bottom:25px; }
.sub_desk div .tit_txt span { display:block; }
.sub_desk div .tit_txt span:nth-child(1) { color:#484848; font-weight:600; }
.sub_desk div .tit_txt span:nth-child(2) { font-size:22px; color:#ee7000; font-weight:600; }
.sub_desk div .tit_txt span:nth-child(3) { font-size:30px; color:#000; font-weight:600; }
.sub_desk div .desk_txt { color:#999; letter-spacing:-1px; }

h3 { font-size:20px; color:#222; font-weight:400; background-image:url('../images/h3_img.png'); background-repeat:no-repeat; background-position:left; padding-left:19px; margin:25px 0 15px; }

.sub_visual{width:100%;overflow:hidden;margin-bottom:45px;}
.sub_visual .sub_visualTxt{float:left;padding-top:60px;}
.sub_visual .sub_visualTxt .st{font-size:15px;font-weight:500;color:#488fb3;letter-spacing:3px;}
.sub_visual .sub_visualTxt > h1{position:relative;font-size:45px; color:#222;margin-bottom: 45px;}
.sub_visual .sub_visualTxt > h1:before{position:absolute;bottom:-20px;left:0;width:50px;height:1px;content:'';background:#222;}
.sub_visual .sub_visualImg{float:right;}

.sub_bg_desk .bg_color { background:#eff4f8; padding:25px 20px; box-sizing:border-box; }
.sub_bg_desk p { font-size:17px; color:#222; margin-bottom:8px; letter-spacing:-0.5px; }
.sub_bg_desk .line_list { padding-left:25px; margin-bottom:20px; }
.sub_bg_desk .line_list li { font-size:16px; list-style:none; color:#777; }
/*.sub_bg_desk .bg_color .line_list li:before { content:'-'; display:inline-block; margin-right:4px; color:#777; }*/
.sub_bg_desk .line_list li.noti { font-size:14px; color:#999; }

.sub_bg_desk .round_list li { position:relative; font-size:17px; list-style:none; color:#222; margin-bottom:15px; padding-left:10px; letter-spacing:-0.35px;}
.sub_bg_desk .round_list li:before { content:''; display:inline-block;color:#777; width:4px; height:4px; border-radius:100%;
background:#4894e1; position:absolute; top:10px; left:0; }
.sub_bg_desk .round_list li span { font-weight:500; }
.sub_bg_desk .round_list li.noti { font-size:14px; color:#666; }
.sub_bg_desk .round_list li.noti:before { display:none; }
.sub_bg_desk .no_r li { padding:0; }
.sub_bg_desk .no_r li:before { display:none; }

.sub_num{color:#0091da;font-weight:500;}

.flow_area { font-size:0; }
.flow_area:after { content:''; display:block; clear:both; }
.flow_area li { float:left; vertical-align:top; box-sizing:border-box; height:66px; display:flex; align-items:center; }
.flow_area .blu { position:relative; width:30%; background:#10a2df; color:#fff; font-size:18px; text-align:center; margin-right:4%; margin-bottom:3%; justify-content:center;  }
.flow_area .blu:after { content:''; display:inline-block; position:absolute; left:45%; top:74px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%2310a2df' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='208 96 128 176 48 96' fill='none' stroke='%2310a2df' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/polyline%3E%3C/svg%3E");
background-repeat:no-repeat; width:20px; height:20px; background-position:center; background-size:100%;}
.flow_area li:nth-child(13):after { display:none; }
.flow_area .gra { width:540px; background:#f9f9f9; color:#666; font-size:13px; text-align:left; padding:0 10px;  margin-bottom:3%; border:1px solid #ddd; }

.tab { text-align:center; margin-bottom:30px; font-size:0; }
.tab li { width:200px; display:inline-block; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:10px 0; }
.tab li:first-child { border-left:1px solid #ddd; }
.tab li.on { background:#10a2df; border-color:#10a2df; }
.tab li.on a { color:#fff; }
.tab li a { text-decoration:none; color:#666; font-size:17px; }

/*한국연락사무소*/
.kcontact_list{width:100%;overflow:hidden;}
.kcontact_list li{margin-bottom:40px;}
.kcontact_list li:last-child{margin-bottom:0;}
.kcontact_list dl{width:100%;overflow:hidden;}
.kcontact_list dt{float:left;width: 190px;margin-right:40px;}
.kcontact_list dd{padding-top:45px;float: right;width: calc(100% - 230px);}
.kcontact_list dd > h4{position:relative;font-size:25px;color:#1491d9;font-weight:400;margin-bottom:15px;}
.kcontact_list dd > h4:before{position:absolute;top:-15px;left:0;content:'';width:40px;height:3px;background:#1491d9;}
.kcontact_list dd > p{font-size:18px;color:#555;}

.sm{font-size:13px !important;color:#727272 !important;}

/*코셔인증 (LOC)의 종류*/
.typeauth_list{overflow:hidden;margin-bottom:30px;}
.typeauth_list > li{width:50%;float:left;}
.typeauth_list > li:nth-child(2){border-left:1px solid #ddd; float:right;padding-left:40px;}
.typeauth_list > li > dl > dt{width:150px;margin-right:30px;float:left;}
.typeauth_list > li > dl > dd{width:calc(100% - 180px);float:right;padding-top:20px;}
.typeauth_list > li > dl > dd > img{margin-bottom:15px;}
.typeauth_list > li > dl > dd > h5{font-size:18px;color:#222;marginb-ottom:10px;}

/*인증절차 흐름도*/
.stamp{position:absolute;top:60%;right:50px;width:300px;height:212px;background:url('../images/stamp.png') no-repeat;}

/*심사주기 및 비용*/
.banners {margin-top:50px;}
.banners li{float:left;margin-right:20px;}
.banners li:nth-child(4){margin-right:0px;}

/*코셔 신청 품목*/
.requested_item_list{overflow:hidden;}
.requested_item_list li{ display:flex; align-items:center; justify-content:center; width:360px;height:310px;float:left;text-align:center;border:1px solid #ddd;padding:15px 15px 0 20px; box-sizing:border-box;margin-right:40px;margin-bottom:20px;}
.requested_item_list li:nth-child(3),
.requested_item_list li:nth-child(6){margin-right:0;}
.requested_item_list li:nth-child(7){height:360px;}
.requested_item_list li > dl > dt{margin-bottom:15px;}
.requested_item_list li > dl > dt img { width:120px; }
.requested_item_list li > dl > dd > h5{font-size:16px;font-weight:500;color:#222;margin-bottom:10px;}
.requested_item_list li > dl > dd > p{font-size:14px;color:#555;}

.map_area { margin-top:40px; border-top:2px solid #000; border-bottom:1px solid #ddd; padding:40px 0; }
.map_area > li { display:inline-block; vertical-align:middle; width:50%; font-size:16px; }
.map_area > li:first-child { width:25%; text-align:center;  font-size:20px; }
.map_area > li:nth-child(2) { width:74%; }
.map_area > li:nth-child(2) > ul > li { list-style:none; }
.map_area > li:nth-child(2) > ul > li span { font-weight:500; width:80px; display:inline-block; color:#000; }
.map_area > li:nth-child(2) > ul > li { color:#666; margin-bottom:5px; }

.content .sevice_box { height:400px; overflow-y:scroll; border:1px solid #ddd; box-sizing:border-box; padding:10px; }

.kosher_sym { display:flex; flex-wrap: nowrap; gap:10px; margin-top:30px; }
.kosher_sym li img { width:100%; }


/* 푸터 */
#footer .bg_footer { background:#111; text-align:center; padding:15px 0; box-sizing:border-box; }
#footer .bg_footer ul { margin:0; }
#footer .bg_footer ul li { display:inline-block; margin-right:20px; }
#footer .bg_footer ul li a { color:#979797; font-size:13px; text-decoration:none; }

#footer { position:relative; background:#fff; }
#footer .comp_info ul { padding:20px 0 40px; }
#footer .comp_info ul li { display:inline-block; font-size:14px; color:#999; letter-spacing:-0.5px; margin-right:5px; }
#footer .comp_info ul li.copy { color:#666; display:block; margin-top:5px; text-transform:uppercase; margin-right:0; }

/* 방문자 카운터 */
.foot_counter { position:absolute; right:0;top:15px;width: 126px;border:1px solid #b1b6bb;padding:0 5px;}
.foot_counter > p {text-align:right;color:#898e92;font-size:12px;background:url(../images/counter_total.png) left center no-repeat;width:110px;padding:5px 2px;}
.foot_counter > p:first-child {color:#4d94c9;border-bottom:1px dashed #a2a7ab;background:url(../images/counter_today.png) left center no-repeat;}

@media all and (min-width:1921px) {
.main_container { height:90%; }
}