@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: bold;
    font-display: swap;
}


*,div,span,td,th,a,h3,h2,h1,h4,h5,h6{
	font-family: 'GmarketSans','Noto Sans KR', sans-serif;
}
/*-------------------------*/
#kboard-pure-gallery-document .kboard-content .kboard-list-thumbnail{
	display: inline-block;
    vertical-align: top;
}
#kboard-pure-gallery-document .kboard-content .profile_wrap{
	display: inline-block;
    vertical-align: top;
    margin: 23px 0 0 35px;
}
body #kboard-ocean-gallery-list .kboard-tree-category-wrap select{
	font-size: 20px !important;
    padding: 12px 20px 10px !important;
    height: auto;
}
body #kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail{
    box-shadow: none;
}
body #kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail .kboard-gallery-foreground,
body #kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail .kboard-gallery-username{
	display: none !important;
}
body #kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail img{
	border-radius: 10px;
    width: auto;
    height: auto;
}
body .bx-wrapper{
    border: none;
    box-shadow: none;
    margin: 0 auto 70px;
}
body input[type='checkbox'], input[type='radio'],
body .cosmosfarm-members-form .div_radio label{
	display: inline-block;
}
body .cosmosfarm-members-form .div_radio br{
	display: none;
}
body .cosmosfarm-members-form .div_radio label{
	margin: 0 10px 0 0;
}
body .bx-wrapper .bx-controls-direction a{
	width: 63px;
    height: 58px;
    top: 43%;
}
body .bx-wrapper .bx-next:hover,body  .bx-wrapper .bx-next:focus{
	background-position: 0 0;
}
body #kboard-pure-gallery-list.couple_latest{
    overflow: visible;
}
body .bx-wrapper .bx-prev{
	background: url(http://wedding.wr01.dhrcenter.com/wp-content/uploads/2020/02/arrow_l.jpg) no-repeat;
	left: -80px;
}
body .bx-wrapper .bx-next{
	background: url(http://wedding.wr01.dhrcenter.com/wp-content/uploads/2020/02/arrow_r.jpg) no-repeat;
	right: -80px;
}
body #gnb ul.menu > li > a{
	color: #242424;
    font-weight: normal;
    line-height: 1.3;
}
#kboard-pure-gallery-document .kboard-content {
	margin: 40px 40px 0;
}
textarea#profile_memo{
	width: 100%;
}
body #header .wrap-util .header_top_txt_left{
    height: 43px;
    line-height: 44px;
    color: #ffffff;
    font-family: 'GmarketSans','Noto Sans KR', sans-serif;
}
body #kboard-pure-gallery-list.couple_latest .kboard-pure-gallery-list .kboard-list-item{
	float: none;
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
}
body #kboard-pure-gallery-list.couple_latest .kboard-pure-gallery-list .kboard-list-title{
    height: auto;
    line-height: normal;
}
body #kboard-pure-gallery-list.profile_latest .kboard-pure-gallery-list{
	font-size: 0;
	text-align: left;
}
body #kboard-pure-gallery-list.profile_latest .kboard-pure-gallery-list .kboard-list-item{
	float: none;
    display: inline-block;
    vertical-align: top;
    width: 23%;
    margin: 0 1% 65px;
    padding: 0;
}
body #kboard-pure-gallery-list.profile_latest .kboard-pure-gallery-list li a{
	
}
body #kboard-pure-gallery-list.profile_latest .kboard-pure-gallery-list .kboard-list-thumbnail{
	height: auto !important;
	margin: 0 0 25px;
}
body #kboard-pure-gallery-list.couple_latest .kboard-pure-gallery-list .kboard-list-thumbnail{
	height: auto !important;
	border: 1px solid #d8d8d8;
}
body #kboard-pure-gallery-list.couple_latest .kboard-pure-gallery-cut-strings{
	font-size: 15px;
	color: #3c3c3c;
}
body #kboard-pure-gallery-list.profile_latest .kboard-pure-gallery-list .kboard-list-thumbnail img{
	
}
body #kboard-pure-gallery-list.profile_latest .kboard-pure-gallery-list .kboard-list-title{
    height: auto;
    line-height: normal;
}
body #kboard-pure-gallery-list.profile_latest .kboard-pure-gallery-list .kboard-pure-gallery-cut-strings{
	color: #010101;
    font-size: 20px;
}
body #kboard-pure-gallery-list.profile_latest .kboard-pure-gallery-list .agree{
	display: block;
    color: #fff;
    background: #3b3b3b;
    border-radius: 4px;
    width: 100px;
    margin: 10px auto 0;
    font-size: 16px;
    padding: 3px 0 4px;
}
.profile_list h1,
.main_gallery_wrap h1{
	color: #333333;
    font-size: 22px;
    font-weight: normal;
    margin: 0 0 15px;
    font-family: 'GmarketSans';
}
body #kboard-default-latest ul li a{
	color: #767676;
    font-size: 15px;
}
body #kboard-default-latest ul{
	
}
body #kboard-default-latest ul li{
	margin: 0 0 6px;
}
body #kboard-default-latest{
	margin: 15px 0 0;
    text-align: left;
}
.profile_list h3,
.main_gallery_wrap h3{
	color: #e62076;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -1px;
    line-height: 32px;
    margin: 0 0 50px;
    font-family: 'GmarketSans';
}
.main_banner{
	background: url(/wp-content/uploads/2025/09/bg.jpg) no-repeat top center;
    background-size: cover;
}
.main_banner h1{
	font-size: 36px;
    font-weight: normal;
    letter-spacing: -2px;
    line-height: 1.4;
    text-align: center;
    color: #fff;
    font-family: 'GmarketSans';
}
#kboard-default-latest table .kboard-latest-title a{
    color: #767676;
    font-size: 15px;
    font-weight: normal;
}
body #kboard-default-latest table{
	border: none;
}
body #kboard-default-latest table td.kboard-latest-title{
    border: none;
    padding: 3px 0;
}
.main_banner a{
	background: #000;
    font-size: 30px;
    letter-spacing: -2px;
    padding: 13px 70px 8px;
    display: inline-block;
    margin: 25px 0 0;
    border-radius: 5px;
}
.main_banner .banner_wrap{
	padding: 170px 80px;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    text-align: center;
}
.main_gallery_wrap h4{
	color: #0b0b0b;
    font-size: 36px;
    font-weight: 500;
    margin: 0 0 35px;
    font-family: 'GmarketSans';
}
.main_board_wrap .col3{
    border: 1px solid #dfdfdf;
    display: inline-block;
    width: 31%;
    height: 195px;
    vertical-align: middle;
    padding: 17px 20px;
}
.main_board_wrap .customer h1{
	color: #0662ec;
	font-size: 34px;
	font-weight: 500;
}
.main_board_wrap .customer h3{
	color: #0662ec;
    font-size: 22px;
    font-weight: 500;
    margin: 0 0 10px;
}
.main_board_wrap .customer p{
	color: #383838;
	font-size: 18px;
}
.main_board_wrap .col3.gb-notice{
	margin: 0px 3%;
}
.main_board_wrap .gb_container1{
	font-size: 0;
}
.main_board_wrap h2{
	font-size: 24px;
    color: #000000;
}
.main_bottom_banner{
	margin: 50px 0 0;
}
.main_bottom_banner ul{
	font-size: 0;
}
.main_bottom_banner li{
	display: inline-block;
    vertical-align: middle;
    margin: 0;
    width: 25%;
}
.main_bottom_banner li img{
	display: block;
    width: 100%;
}
.main_bottom_banner li a{
	display: block;
}
.pum-theme-227 .pum-content, .pum-theme-lightbox .pum-content{
	overflow-y: scroll;
    height: 500px;
}
#gnb ul.menu > li:last-child{
	margin-right: 0 !Important;
}
.gb_container1{
	max-width: 1200px;
	width: 100%;
	margin: 60px auto 0;
	text-align: center;
	position: relative;
}
.gb_container{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: 80px 0;
}
.gb_container1 .content,
#all_con .right_menu{
	display: inline-block;
	vertical-align: top;
}
#all_con{
	position: relative;
	padding-bottom: 100px;
}
#all_con .right_menu{
	position: absolute;
    right: -180px;
   	z-index: 900;
    background: #fff;
}

#all_con .right_menu a{
	display: block;
}

#all_con .right_menu a img{
	display: block;
	margin: 0 auto;
	border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
#all_con .right_menu a .first_img{
	margin-top: 15px;
}
#all_con .right_menu a .last_img{
	border: 0;
	padding-bottom: 0;
}
#all_con .right_menu div{
	border: 1px solid #ccc;
}
#all_con .right_menu h4{
	background: #c13b00;
    color: #fff;
    font-size: 20px;
    padding: 10px 25px;
    font-weight: 600;
}
.gb_container1 .content .icon_div a{
	display: inline-block;
	margin-right: 15px;
	
}
.gb_container1 .content .icon_div a:last-child{
	margin-right: 0;
}
.gb_container1 .content .instance_div ul{
	font-size: 0;
}
.gb_container1 .content .instance_div ul li{
	display: inline-block;
	width: 20%;
}
.gb_container1 .content .instance_div ul li h3{
	font-size: 15px;
    color: #333;
    font-weight: 600;
    margin-top: 10px;
    text-align: center;
}
.gb_container1 .content .middle_content {
    margin: 60px 0;
}
.gb_container1 .content .middle_content h1{
	color: #010101;
    font-size: 40px;
    letter-spacing: -1px;
    font-family: 'NanumSquare', sans-serif;
}
.gb_container1 .content .middle_content a{
	font-size: 38px;
    color: #fff;
    letter-spacing: -1px;
    font-family: 'NanumSquare', sans-serif;
    background: #2f2f2f;
    padding: 20px;
    display: inline-block;
}
.gb_container1 .content .middle_content h2{
	font-size: 40px;
    color: #00589b;
    letter-spacing: -1px;
    margin: 5px 0 20px;
    font-family: 'NanumSquare', sans-serif;
}
.gb_container1 .content .instance_div h2{
	font-size: 40px;
    color: #000;
    letter-spacing: -1px;
    font-weight: 500;
    margin-bottom: 40px;
}
.gb_container .certificate_div h1{
	text-align: center;
    font-size: 40px;
    font-weight: 600;
    line-height: 55px;
    color: #5e5e5e;
    margin-bottom: 70px;
    font-family: 'NanumSquare', sans-serif;
    letter-spacing: -1px;
}
.gb_container .certificate_div h1 span{
	color: #d6592d;
	margin: 0 10px;
}
.gb_container .certificate_div img{
	margin-right: 10px;
}
.gb_container .certificate_div img:last-child{
	margin-right: 0;
}
.gb_container .post_div{
	font-size: 0;
	margin: 80px 0 0;
}
.gb_container .post_div .customer,.gb-instance_div{
	background: #f7f7f7;
    border: 1px solid #e5e5e5;
}
.gb-instance_div{
	border-right: none;	
}
.gb_container .post_div div,
.gb_container .post_div .table_wrap{
	display: inline-block;
	font-size: 15px;
	vertical-align: top;
	text-align: center;
	height: 254px;
}
.gb_container .post_div div h2{
	font-size: 25px;
    color: #333;
    font-weight: 500;
    letter-spacing: -1px;
    margin-bottom: 15px;
}
.gb_container .post_div div h2 a{
	float: right;
	color: #999;
}
.gb-instance_div {
    padding: 25px 30px;   
}
.customer {
    padding: 25px 60px;
}
.gb-instance_div ul li{
	text-align: left;
}
.gb-instance_div ul li a{
	font-size: 15px;
    color: #333;
    line-height: 25px;
}
.gb-instance_div ul li a h3{
	font-weight: normal;
}
.gb_container .customer h1{
	font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #1a1a1a;
}
.gb_container .customer h3{
	font-size: 23px;
    color: #333;
    letter-spacing: -1px;
    margin: 15px 0;
}
.gb_container .customer p{
	font-size: 19px;
    line-height: 22px;
    font-weight: normal;
    color: #999;
}
.gb_container .post_div .table_wrap{
	width: auto;
	border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.gb_container .form th,
.gb_container .form td{
	text-align: center;
	vertical-align: middle;
	
}
.gb_container .form th{
	background: #424242;
    color: #fff;
    font-size: 17px;
    padding: 15px 17px;
}
.gb_container .form td{
	background: #fff;
	color: #333;
	font-size: 16px;
    padding: 4px 0px;
    width: 25%;
    letter-spacing: -1px;
}
.gb_container .form tr:first-child td{
	padding-top: 7px;
}
#wrap .foot-area{
	max-width: 1920px;
	width: 100%;
	text-align: center;
	background: #eb5a02;
} 
.foot-area .footer_form .footer_form_content h1{
	font-size: 40px;
    color: #fff;
    margin-bottom: 30px;
    letter-spacing: -1px;
}
.footer_form_content {
    padding: 40px 0;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
#wrap .footer_form_content input{
	text-align: center;
    font-size: 20px;
    display: inline-block;
    padding: 13px 0px;
    box-shadow: unset;
    height: auto;
    width: 19.3%;
    vertical-align: middle;
    border: 0;
    margin-right: 10px;
    border-radius: 0;
    color: #000;
}
#wrap .footer_form_content #add_db{
	margin-right: 0;
    background: #000;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}
.footer_form_content .bottom_ck{
	font-size: 0;
}
.footer_form_content .bottom_ck div{
	display: inline-block;
	width: 50%;
	font-size: 20px;
	color: #fff;
	cursor: pointer;
}
.footer_form_content .bottom_ck .right_link .pop_btn{
	display: inline-block;
	z-index: 9999;
}
.footer_form_content .bottom_ck .left_check{
	text-align: left;	
}
#wrap .footer_form_content .bottom_ck .left_check input[type='checkbox']{
	-ms-transform: scale(1.5); /* IE */
  	-moz-transform: scale(1.5); /* FF */
  	-webkit-transform: scale(1.5); /* Safari and Chrome */
  	-o-transform: scale(1.5); /* Opera */
  	padding: 10px;
  	width: auto;
}
.footer_form_content .bottom_ck .right_link{
	text-align: right;
}
form .input_div{
	text-align: left;
	margin-bottom: 15px;
}
#wrap #carousel li.slide img{
	width: 100%;
	height: auto;	
}
body .foot-menu{
	float: none;
    display: flex;
    text-align: center;
    padding: 20px 0;
    clear: both;
    gap: 30px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
body .foot-menu li{
	float: none;
	margin: 0;
	line-height: 1;
}
body .company-info address,
body .company-info .copyRight{
	text-align: center;
    float: none;
    display: block;
}
body .company-info .inner-wrap-2{
	border-top: 1px solid #2f2f2f;
}
.gallery_list_wrap ul li{
	border-radius: 10px;
    overflow: hidden;
}
/*------------------------mobile----------------------------*/
@media only screen and (max-width: 1200px) and (min-width: 768px){
#wrap .main-cont #main_visual {
    display: block;
    height: 332px; 
}
#wrap #carousel li.slide img{
	width: auto;
    height: auto;
    left: 0;
    margin-left: 0;
    max-width: 100%;
    max-height: initial;
}	
}
@media only screen and (max-width: 767px) {
	body #gnb button.search{
		display: none;
	}
	body .foot-menu{
        gap: 10px;
	}
	body #kboard-pure-gallery-list.profile_latest .kboard-pure-gallery-list .kboard-list-item{
		width: 48% !important;
	    margin: 0 1% 30px !important;
	    text-align: center;
	}
	.profile_list h1 {
	    font-size: 24px;
   }
   body #kboard-pure-gallery-list.profile_latest .kboard-pure-gallery-list .kboard-list-thumbnail img{
   		width: 100%;
   }
   body #header .wrap-util .header_top_txt_right a{
   	    font-size: 12px;
    	margin: 0 0 0 4px;
   }
   body #header .wrap-util{
   		display: flex;
        justify-content: normal;
        align-items: center;
   }
   body #header .wrap-util .header_top_txt_left{
   		font-size: 12px;
        flex: 0 0 50%;
        margin: 0;
        padding: 0 5px;
   }
   body #header .wrap-util .header_top_txt_right{
	   	float: none;
	    display: block;
	    margin: 0 auto;
	    flex: 0 0 50%;
	    text-align: right;
        padding: 0 5px;
   }
   body .gallery_list_wrap ul li{
   		flex: 0 0 calc((100% - 30px) / 2);
   }
   .gb_container1{
   	margin: 40px auto 0;
   }
   .main_bottom_banner li{
   	width: 50%;
   }
   .main_banner .banner_wrap{
   	width: 100%;
    padding: 40px;
    margin: 0;
    text-align: right;
   }
   .main_board_wrap .col3,
   .main_board_wrap .col3.gb-notice{
   	display: block;
    width: 95%;
    margin: 0 auto 10px;
   }
   .main_banner h1{
   	font-size: 17px;
    text-align: center;
    line-height: 25px;
   }
   .main_banner a{
   	    font-size: 16px;
    	margin: 9px auto 0;
    	display: block;
        text-align: center;
   }
	.gb_container1 .content .middle_content a{
		font-size: 15px;
	}
.gb_container1 .icon_div,
.gb-video_notice ul{
	font-size: 0;
}
.gb_container1 .icon_div a,
#wrap .gb_container1 .gb-video_notice ul li{
	display: inline-block;
	width: 20%;
}
.gb_container1 .icon_div a img,
.gb-video_notice ul li a img{
	width: 95%;
	margin: 0 auto; 
}
.gb_container1 .content .instance_div ul li h3{
	font-size: 11px;
}
#wrap .gb_container1{
	padding: 0;
}
#wrap .main-cont #main_visual {
    display: block;
    height: auto; 
}
#wrap #carousel li.slide{
	position: relative;
}
#wrap #carousel li.slide img{
	width: auto;
    height: auto;
    left: 0;
    margin-left: 0;
    max-width: 100%;
    max-height: initial;
    position: relative;
}
.gb_container1 .right_menu{
	display: none;
}
.gb_container1{
	padding: 0;
}
.gb_container1 .content{
	width: 100%;
}
.gb_container1 .content .icon_div a {
    display: inline-block;
    margin-right: 0;
    margin-bottom: 10px;  
}
.gb_container1 .content .middle_content {
    margin: 40px 0;
}
.gb_container1 .content .middle_content h1 {
    font-size: 28px;
}
.gb_container1 .content .middle_content h2 {
    font-size: 15px;
}
.middle_content img{
	width: 90%;
}
.gb_container1 .content .instance_div ul li {
    width: 100%;
    text-align: center;
}
.gb_container {
    padding: 50px 0;
}
.gb_container .certificate_div h1 {
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
    color: #5e5e5e;
    margin-bottom: 50px;
}
.certificate_div{
	text-align: center;
}
.gb_container .post_div div, .gb_container .post_div table{
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}
.gb_container .post_div{
	text-align: center;
}
.gb_container .post_div .gb-instance_div{
	border: 1px solid #ccc;
	margin-bottom: 20px;
	padding: 25px;
}
.customer {
    padding: 25px;
    margin-bottom: 20px;
}
.gb_container .customer p {
    font-size: 17px;
}
.gb_container .certificate_div img{
    display: inline-block;
        margin: 0 2px 5px;
    width: 18%;
}
.gb-instance_div ul li a {
    font-size: 12px;
    line-height: 20px;
}
.gb_container .form{
	border-spacing: 0;
	padding: 0;
}
.gb_container .form th {
    font-size: 12px;
    padding: 15px 5px;
}
.gb_container .form td {
    font-size: 14px;
    padding: 5px 0px;
}
.gb_container .post_div .table_wrap{
	border: 1px solid #ccc;
	margin-top: 20px;
	height: auto;
	width: 100%;
}
.gb_container .post_div table{
    border: none;
    margin: 0;
    width: 100%;
    display: table;
}
.gb_container .post_div {
    font-size: 0;
    margin: 40px auto 0;
    width: max-content;
}
.foot-area .footer_form .footer_form_content h1 {
    font-size: 20px;
    line-height: 26px;
    margin: 0 30px 30px;
}
.footer_form form{
	width: 90%;
    margin: 0 auto;
}
form .input_div {
    text-align: center;
}
#wrap .footer_form_content input {
    text-align: left;
    font-size: 15px;
    width: 100%;
    margin-bottom: 10px;
    padding: 12px;
}
#wrap .footer_form_content #add_db {
    text-align: center;
}
.footer_form_content .bottom_ck {
   	width: 90%;
    margin: 0 auto;
}
.footer_form_content .bottom_ck div {
    display: inline-block;
    width: 50%;
    font-size: 11px;
    color: #fff;
}
#wrap .footer_form_content .bottom_ck .left_check input[type='checkbox']{
	margin: 0 10px 0 0;
}
.gb-video_notice ul li a h3{
	font-size: 12px;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gb-instance_div {
    padding: 0px 30px;
}	
}





























