/* 
 Theme Name:     Extra-OverTheSea
 Author:         peterosea
 Author URI:     http://www.peterosea.com
 Template:       Extra
 Version:        0.1
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 4.7.3
*/ 

/* ------------------------------------------ */
/*             TABLE OF CONTENTS
/* ------------------------------------------ */
/*   01.00 GENERAL & BASIC STYLES    */

/*   02.00 HEADER & NAVIGATION       */
/*   02.01 DROPDOWN MENU             */

/*   03.00 HOMEPAGE STYLES           */
/*   03.01 CUSTOMIZING POST MODULES  */

/*   04.00 SINGLE POST STYLES        */
/*   04.01 AUTHOR BOX                */
/*   04.02 CARD NEWS TEMPLATE        */

/*   05.00 SIDEBAR STYLES            */
/*   05.01 RECENT POST WIDGET        */

/*   06.00 FOOTER                    */
/*   06.01 FOOTER SOCIAL MEDIA       */
/*   06.02 FOOTER TAGS               */

/*   07.00 CATEGORY ARCHIVE STYLES      */

/*   08.00 AUTHORS PAGE STYLES       */

/*   09.00 PORTFOLIO PAGE STYLES     */

/*   10.00 WOOCOMMERCE STYLES        */


/*---------------------------------------------------

    00 - THEME BUGS ?  
	
	---------------------------------------------------*/

	html {
		height: 100%;
	}

    #main-header-wrapper { 
        height: auto !important; }
        
    #footer-info {
        width: auto; }
    
    .et_pb_widget .widget_list_portrait {
        background: transparent !important; }

    /* NEWSLETTER ROW BUGS */

    #newsletter {
        padding: 30px 0px; }
    #newsletter .et_pb_row {
        padding: 70px 40px;
        background-image: url("http://extra.timberridgemedia.com/wp-content/uploads/2016/02/unplash17.jpg");
        background-size: cover; }
    #newsletter h1 {
        font-size: 32px; }
    #newsletter .et_pb_button {
        margin-top: 10px;
        background:  rgba(255, 145, 96, 0.8);
        border-color:  rgba(255, 145, 96, 0.5); }
    #newsletter .et_pb_button:hover {
        margin-top: 10px;
        background:  #FF9160;
        border-color:  #FF9160; }

    /* SLIDER ARROWS BUG */

    .et-slider .et-pb-slider-arrows a::before, 
    .featured-posts-slider-module .et-pb-slider-arrows a::before,
    .posts-carousel-module .et-pb-slider-arrows a::before {
        position: absolute !important;
        right: 0px; }

    /* CONTACT FORM */

    .et_pb_contact_right {
        vertical-align: bottom;
        margin-top: 20px; }

    /* Author's Page Mobile Fix */

     @media only screen and (max-width: 980px) {
        .authors-page .authors .column.size-1of3 {
          width: 100% !important; }
    }

 /* HP Video Height Fix */
.fluid-width-video-wrapper {
padding-top: 60% !important;
}

/* Fix FOREIGN TEXT APPEARING ON MOBILE */
@media only screen and (max-width: 768px) {
.posts-blog-feed-module .paginated_content .paginated_page[data-columns]::before {
content: none !important;
}
}




	/* 	한글 줄바꿈 보정 */
	.post-content, .post-content p, .et_pb_text, .et_pb_text p, a {
		word-break: keep-all;
	}


	/*---------------------------------------------------

    01.00 - GENERAL & BASIC STYLES
    
    Font Size : 13px, 16px, 20px, 24px ...
	
	---------------------------------------------------*/
	
	
	
	/*****--------   Font Style   -------*****/
	
	/* 	English */
/* 	@import url('https://fonts.googleapis.com/css?family=Montserrat:200,400,700'); */
/* 	@import url('https://fonts.googleapis.com/css?family=Saira+Condensed:200,400,700'); */
	
	/* 	본고딕 Notosans */
	@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );
	
	/* 	나눔스퀘어 */
	@font-face {
	  font-family: 'Nanum Square';
	  src: url('fonts/NanumSquareOTFLight.eot'); /* IE9 Compat Modes */
	  src: url('fonts/NanumSquareOTFLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('fonts/NanumSquareOTFLight.woff') format('woff'), /* Modern Browsers */
	       url('fonts/NanumSquareOTFLight.ttf')  format('truetype'), /* Safari, Android, iOS */
	       url('fonts/NanumSquareOTFLight.svg#017f9c78318bcde3d1dc4451e8eaca0a') format('svg'); /* Legacy iOS */
	       
	  font-style:   normal;
	  font-weight:  300;
	}
	
	@font-face {
	  font-family: 'Nanum Square';
	  src: url('fonts/NanumSquareOTFR.eot'); /* IE9 Compat Modes */
	  src: url('fonts/NanumSquareOTFR.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('fonts/NanumSquareOTFR.woff') format('woff'), /* Modern Browsers */
	       url('fonts/NanumSquareOTFR.ttf')  format('truetype'), /* Safari, Android, iOS */
	       url('fonts/NanumSquareOTFR.svg#9e23ceb0c858ca37642ba540402577eb') format('svg'); /* Legacy iOS */
	       
	  font-style:   normal;
	  font-weight:  400;
	}
	
	@font-face {
	  font-family: 'Nanum Square';
	  src: url('fonts/NanumSquareOTFB.eot'); /* IE9 Compat Modes */
	  src: url('fonts/NanumSquareOTFB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('fonts/NanumSquareOTFB.woff') format('woff'), /* Modern Browsers */
	       url('fonts/NanumSquareOTFB.ttf')  format('truetype'), /* Safari, Android, iOS */
	       url('fonts/NanumSquareOTFB.svg#a41a1fda1fdf3dafd3394867a156b1cf') format('svg'); /* Legacy iOS */
	       
	  font-style:   normal;
	  font-weight:  700;
	}
	
	@font-face {
	  font-family: 'Nanum Square';
	  src: url('fonts/NanumSquareOTFExtraBold.eot'); /* IE9 Compat Modes */
	  src: url('fonts/NanumSquareOTFExtraBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('fonts/NanumSquareOTFExtraBold.woff') format('woff'), /* Modern Browsers */
	       url('fonts/NanumSquareOTFExtraBold.ttf')  format('truetype'), /* Safari, Android, iOS */
	       url('fonts/NanumSquareOTFExtraBold.svg#090d6763bc81b49309446d23fbd10e87') format('svg'); /* Legacy iOS */
	       
	  font-style:   normal;
	  font-weight:  900;
	}
	
	
	
	body, div, a, span, p, input, td, label, li {
		font-family: 'Noto Sans KR', 'Arial', 'Dotum', sans-serif;
		letter-spacing: -0.02em;
	}
	
	h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .header a, .header a span {
		font-family: 'Saira Condensed', 'Nanum Square', 'Dotum', sans-serif !important;
	}
	
	.eng_opt p, .eng_opt b {
		font-family: 'Nanum Square', 'Arial', 'Dotum', sans-serif !important;
	}

	/* 	Home Numbers */
	.numbers_wrap .numbers span {
		font-family: 'Saira Condensed', 'Nanum Square', 'Arial', 'Dotum', sans-serif !important;
		font-weight: bold;
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	
	
	/*---- 	Font Color ----*/
	
	.et_pb_extra_module .posts-list article .post-content h3 a, .et_pb_extra_module.et_pb_ft_post_0 .main-post h2.entry-title a, .et_pb_extra_module.et_pb_ft_post_0 .posts-list article .post-content h3, .et_pb_extra_module.et_pb_ft_post_0 .posts-list article .post-content h3 a, .single .post-content, .single .post-content p, .single .post-content a, .et_pb_extra_module.et_pb_ft_post_0 .posts-list article .post-content .excerpt p, .et_pb_extra_column_sidebar .module-head h1, .single .related-post .title a, .et_extra_layout .et_pb_column .module-head h1, .post-nav .nav-box .post_wrap h3, .posts-carousel-module .post-content-box h3 a, .posts-blog-feed-module .post-title, .posts-blog-feed-module .post-title a, a.read-more-button, .featured_post_wrapper.et_pb_ft_post_0 .main-post ul.post-categories li a, .main-post .link_cat a, .posts-list a.link_cat, .arc_wrapper .con_group h2 a, .arc_wrapper .con_group a.et_pb_more_button, .archive h1, .search h1, .golist_wrap .btn {
		color: #111 !important;
	}

	.post-wrap .wp-caption-text, .et_pb_extra_module.et_pb_ft_post_0 .main-post .excerpt a, .et_pb_extra_column_sidebar .posts-list .post-meta.vcard p, .et_pb_extra_column_sidebar .posts-list .post-meta.vcard p a {
		color: #555 !important;
	}
	
	.post-module .module-head .module-filter, .navigation li a, .navigation li.pag_link a:after {
		color: #777 !important;
	}
	
	.single .related-posts-header h3 {
		color: #fff !important;
	}
	
	
	
	/*---- 	Font Size ----*/
	
	.et_pb_extra_module.et_pb_ft_post_0 .main-post h2.entry-title, .et_pb_extra_module.et_pb_ft_post_0 .main-post h2.entry-title a {
		font-size: 34px;
	}
	
	.post-header h1, .et_pb_pagebuilder_layout .page .post-content h1 {
		font-size: 32px;
	}
	
	.post-nav .nav-box .post_wrap h3, .et_pb_column_2_3 .et_pb_extra_module .posts-list article .post-content h3, .et_pb_extra_module.et_pb_ft_post_0 .posts-list article .post-content h3, .et_pb_extra_module.et_pb_ft_post_0 .posts-list article .post-content h3 a {
		font-size: 21px;
	}
	
	.et_pb_column_1_4 .et_pb_extra_module .posts-list li.has-thumb article .post-content h3, .et_pb_column_1_3 .et_pb_extra_module .posts-list article .post-content h3, .et_extra_layout .et_pb_column .module-head h1, .et_pb_extra_module.et_pb_ft_post_0 .main-post .excerpt a, .single .post-content, .single .post-content p, .single .post-content a, .author-box-description h4 a, .posts-blog-feed-module .post-title, .posts-blog-feed-module .post-title a {
		font-size: 18px;
	}

	.posts-carousel-module .post-content-box h3, .et_pb_extra_column_sidebar .module-head h1, .et_pb_extra_module .posts-list article .post-content h3 a, .posts-carousel-module .post-content-box h3 a {
		font-size: 16px;
	}
	
	.et_pb_extra_module .posts-list article .post-content .excerpt p {
		font-size: 15px;
	}

	.et_pb_extra_module.et_pb_ft_post_0 .main-post .post-meta p, #et-info .et-top-search .et-search-field, .et_pb_extra_module.et_pb_ft_post_0 .posts-list .post-meta p, .et_pb_extra_column_sidebar .posts-list .post-meta.vcard p, .et_pb_extra_column_sidebar .posts-list .post-meta.vcard p a {
		font-size: 13px;
	}
	
	
	/*---- 	Line Height ----*/
	
	.et_pb_extra_module .posts-list article .post-content h3, .et_pb_extra_module .posts-list article .post-content h3 a, .et_pb_extra_module.et_pb_ft_post_0 .main-post .excerpt a, .et_pb_extra_module.et_pb_ft_post_0 .posts-list article .post-content .excerpt, .et_pb_extra_module.et_pb_ft_post_0 .posts-list article .post-content .excerpt p, .et_pb_extra_module .posts-list article .post-content .excerpt p, .et_pb_extra_module.et_pb_ft_post_0 .posts-list article .post-content h3, .et_pb_extra_module.et_pb_ft_post_0 .posts-list article .post-content h3 a, .post-nav .nav-box .post_wrap h3, .posts-carousel-module .post-content-box h3, .post-nav .nav-box .post_wrap p, .et_pb_extra_column_sidebar .et_pb_extra_module .posts-list article .post-content, h3 a, h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
		line-height: 1.4em !important;
	}
	
	.et_pb_extra_module.et_pb_ft_post_0 .main-post h2.entry-title, .et_pb_extra_module.et_pb_ft_post_0 .main-post h2.entry-title a {
		line-height: 1.2em !important;
	}

	
	
	
	/*****--------- 	레이아웃 Layout ---------*****/
	
	body {
		background-color: #fff;
	}
	
	#main-content {
		padding-bottom: 60px;
	}
	
	.page .et_pb_row_0 {
		max-width: 960px !important;
	}
	
	#page-container {
		background-attachment: fixed;
		background-position: center 150px;
		background-image: url('/wp-content/themes/Extra-OverTheSea/img/bg_container.png');
		background-repeat: no-repeat;
	    background-size: cover;
	}
	
	
	        
    @media screen and (min-width: 980px) {
        .page-id-150 #main-content .container, .container, .archive .et_pb_blog_grid_wrapper, .archive.category .cat_title, .et_pb_row_0, .head_copy, .body_copy, .main_movie {
            width: 100%;
            max-width: 960px;
/*             max-width: 1080px; */
        }
        
        .archive .et_pb_blog_grid_wrapper, .archive.category .cat_title, #main-content article .post-wrap > h1.entry-title {
	        margin: 0 auto;
	        position: relative;
        }
    }
	
	.et_pb_row.et_pb_row_fullwidth {
		width: 100% !important;
		max-width: 100% !important;
	}
	
	/*	Grid.Less	*/
	.et_extra_layout.et_pb_gutters3 .et_pb_column {
		padding: 0 !important;
	}
	
	.et_extra_layout.et_pb_gutters3 .et_pb_column.et_pb_column_2_3:first-child {
		padding: 0 30px 0 0 !important;
	}
	
	.et_extra_layout.et_pb_gutters3 .et_pb_extra_row, .et_extra_layout.et_pb_gutters3 .et_pb_row {
		margin-left: 0 !important;
	}
	
	.single .et_pb_row, .page .et_pb_row {
		width: 100%;
	}
	
	.et_pb_image_container {
		margin: -38px -37px 30px;
	}
	
	.et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 .et_pb_post {
		border: 1px solid #e3e3e3;
	    border-top: none;
	    padding: 36px;
	}
	
	
	.et_pb_text p {
		margin-bottom: 20px;
	}
	
	
	
	/*****----------	버튼 Button	----------*****/
	
	a.read-more-button {
		background-color: transparent;
	    padding: 0;
	    margin-bottom: 10px;
	    font-size: 14px;
	}
	
	a.read-more-button:after, a.read-more-button:hover:after {
		opacity: 1;
		margin: 0 0 0 6px;
		text-decoration: none;
	}
	
	a.read-more-button:hover {
		background-color: transparent;
		text-decoration: none;
	}
	
	
	

	
	
	/*---------------------------------------------------

    02.00 HEADER & NAVIGATION 
	
	---------------------------------------------------*/

	/*--- 	Header   ---*/
	
	#main-header {
		background-image: url('/wp-content/themes/Extra-OverTheSea/img/bts-gradation.png');
		position: fixed;
		width: 100%;
	}
	
	#top-header {
/* 		background: #dd3333; */
		padding: 6px 0;
	}
	
	.centered #logo {
		width: 416px;
		height: 44px;
	}
	
	@media only screen and (min-width: 768px) {
		
		#main-header .logo {
		    margin: 70px 0 40px !important;
		    height: 44.4px !important;
		}
		
	}
	
	header.header {
		height: 230px;
	}
	
	
	
	#et-trending-button {
		display: none;
	}
	
	#et-trending-label {
		font-weight: 800;
	}

	header.header .et-trending-post a {
		color: #fff;
	}
	
	#et-info .et-extra-social-icons li {
		height: 26px;
		margin-left: 5px;
	}
	
	#et-info .et-extra-social-icons .et-extra-icon {
		width: 26px;
		height: 26px;
		line-height: 26px;
	}
	
	header.header #top-header a:hover {
		color:#fff !important;
	}
	
    #et-navigation > ul > li > a { 
    padding: 0 !important; 
/*         letter-spacing: 0.02em; */
    }

        
    #et-navigation > ul > li {
	    display: none;
	    opacity: 0;
	    transition: all 0.3s;
	    -webkit-transition: all 0.3s;
	    padding: 0;
	    margin: 0;
    }

	
	#et-mobile-navigation {
		display: none !important;
	}
	
	
	
	/* 	검색창 */
	#et-info .et-top-search .et-search-field {
		padding: 4px 10px;
		width: 180px;
	}
	
	
	
	/*--- 	Navigation   ---*/
	
	.centered #et-navigation {
		overflow: hidden;
		height: 76px;
	}
	
	.header.left-right #et-navigation > ul > li > a:hover {
		text-decoration: none;
	}
	
	#et-navigation > ul > li > a {
		letter-spacing: -0.03em;
	}
	
	#et-navigation > ul > li > a > span {
		font-size: 112%;
	    vertical-align: top;
	    letter-spacing: 0.01em;
	}
	
	#et-navigation > ul > li > a:before {
	    height: 2px;
/* 		transform: translateX(0px); */
		width: 100%;
		bottom: -5px;
		top:auto !important;
		opacity: 1;
		visibility: hidden;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transition: all 0.2s ease-in-out 0s;
		transition: all 0.2s ease-in-out 0s;
	}
	
	#et-navigation > ul > li > a:hover:before, #et-navigation > ul > li.current-menu-item > a:before, #et-navigation > ul > li.current_page_item > a:before {
/* 	    transform: translateX(0px); */
	    -webkit-transform: scaleX(1);
		transform: scaleX(1);
	    opacity: 1;
	    bottom: -5px;
		top:auto;
		visibility: visible;
	}
	
	
	/* 	한글/영문 버튼 */
		
	body.kor #et-navigation > ul > li.m_eng, body.eng #et-navigation > ul > li.m_kor, body.kor #et-navigation > ul > li.kor, body.eng #et-navigation > ul > li.eng, body.kor .shiftnav-nav li.kor, body.eng .shiftnav-nav li.eng, .kor #et-navigation .m_eng, .kor .shiftnav-nav .m_eng, .eng #et-navigation .m_kor, .eng .shiftnav-nav .m_kor {
		display: none;
		opacity: 0;
	}
	
	body.kor #et-navigation > ul > li.m_kor, body.eng #et-navigation > ul > li.m_eng, body.kor #et-navigation > ul > li.eng, body.eng #et-navigation > ul > li.kor, body.kor .shiftnav-nav li.eng, body.eng .shiftnav-nav li.kor, .kor #et-navigation .m_kor, .kor .shiftnav-nav .m_kor, .eng #et-navigation .m_eng, .eng .shiftnav-nav .m_eng {
		display: block;
		opacity: 1;
	}
	
	
    #et-navigation > ul > li:first-child {
	    margin-left: 0 !important;
    }
    
     #et-navigation > ul > li:last-child {
	    margin-right: 0 !important;
    }
	
	#et-navigation > ul > li.lang:last-child {
		margin-right: 0 !important;
	}
	
			
	#et-navigation > ul > li.lang.eng {
		margin: 0 57px;
		padding: 24px 0;
        position: absolute;
        top: 0%;
        right: 0%;
	}

    #et-navigation > ul > #menu-item-265, #et-navigation > ul > #menu-item-584 {
		margin-right: 0px !important;
	}

    #et-navigation > ul > #menu-item-784 {
		margin-left: 0px !important;
	}

    #et-navigation > ul > li.m_eng, #et-navigation > ul > li.m_kor {
	    padding: 30px 0;
        margin: 0 52px;
	}


	
	
	/*--- 	영문 메뉴   ---*/
	
	#et-navigation > ul > li.lang > a {
		font-weight: 800;
	    font-size: 13px;
	    padding: 4px 8px !important;
	    border: 1px solid #333;
	    letter-spacing: 0.01em;
	    color: #111;
	    vertical-align: middle;
	}
	
	#et-navigation > ul > li.lang.kor {
		padding: 24px 0;
	}
	
	#et-navigation > ul > li.lang.kor > a {
		font-size: 12px;
	}
	
	#et-navigation > ul > li.lang > a:hover {
		background-color: #333;
		color:#fff !important;
	}
	
	#et-navigation > ul > li.lang > a:before {
		content: none;
	}
	
	
	
	/* 	Fixed Header */
	
/*
	.et-fixed-header #main-header {
	    position: fixed;
		width: 100%;
	}
*/
	
	
	
	
	/*---------------------------------------------------

    03.00 - HOMEPAGE STYLES 
	
	---------------------------------------------------*/
	
	.main_visual_wrap .slogan h1 {
		font-size: 48px;
		font-weight: normal;
		padding-bottom: 0;
	}
	
	.main_visual_wrap .et_parallax_bg {
		background-position: center 140px;
	}
	
/*
	.main_visual_wrap.et_pb_section_sticky .et_pb_row:last-child {
		padding-bottom: 280px !important;
	}
	
*/
/*
	.main_copy_wrap .head_copy h1 {
		font-weight: normal;
		font-size: 28px;
		text-align: center;
	    line-height: 1.6em !important;
		letter-spacing: -1.3px;
	}
*/

	.main_copy_wrap .head_copy p {
		font-weight: 200;
		font-size: 28px;
		text-align: center;
	    line-height: 1.8em !important;
		letter-spacing: -1.3px;
		margin-bottom: 0;
	}
	
	.main_copy_wrap .head_copy u {
	    text-decoration: none;
		border-bottom: 1px solid #333;
	}
	
	.main_copy_wrap .head_copy b {
		font-weight: 600;
	}
	
	.main_copy_wrap .head_copy:after {
		content:'';
		border-bottom: 12px solid #333;
		width: 12px;
		margin: 0 auto;
		visibility: initial;
/* 		padding-top: 80px; */
		padding-top: 90px;
	    margin-bottom: 50px;
	}
	
	.main_copy_wrap .body_copy .et_pb_text {
		margin: 0 auto 60px !important;
	}
	
	.main_copy_wrap h2 {
		margin-bottom: 20px;
		font-weight: 800;
	    font-size: 24px;
	    padding-bottom: 0;
		letter-spacing: -0.05px;
	}
	
	.main_copy_wrap, .numbers_section, .join_section, .main_visual_wrap.et_pb_section_sticky {
		background-attachment: fixed;
		background-position: center 150px;
	}
	
	
	.main_visual_wrap.et_pb_section_sticky {
		padding-bottom: 0 !important;
	}
	
	
	
	/* 	메인이미지 마우스 오버 효과 */
/*
	
	.main_visual_wrap .image_wrap {
		transition: all ease-out 1.5s;
		-webkit-transition: all ease-out 1.5s;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	.main_visual_wrap .image_wrap:hover .visual_logo {
		background-color: rgba(8,3,58,0);
	}
	
	.main_visual_wrap .image_wrap .visual_logo {
		transition: all ease-out 1s;
		-webkit-transition: all ease-out 1s;
		padding-top: 280px;
		padding-bottom: 280px;
		background-color: rgba(8,3,58,0.2);
		background-blend-mode: multiply;

	}
		
	.main_visual_wrap .image_wrap:hover .visual_logo {
		opacity: 0.2;
	}
*/
	
	
	/* 	동영상 */	
	
	.main_movie .et_pb_column_4_4 .et_pb_video_play {
		opacity: 0.8;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
	}
	
	.main_movie .et_pb_video .et_pb_video_overlay_hover {
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		opacity: 1;
		background: rgba(0, 0, 0, 0.1);
	}
	
	.main_movie .et_pb_video .et_pb_video_overlay_hover:hover {
		background: rgba(0, 0, 0, 0.5);
	}
	
/*
	.main_movie .et_pb_video .et_pb_video_overlay_hover:hover {
		background: radial-gradient(circle at 0.6, 15% 90%, #fbd0b6 4%, #f4a9c5 30%, #d5b2d5 62%, #c1bbde 85%, #9dcaee);
		opacity: 0.7;
	}
*/
	
	.main_movie .et_pb_video_play:before {
		color:#fff;
	}
	
	.main_movie .et_pb_column_4_4 .et_pb_video_play:hover {
		text-decoration: none;
		opacity: 1;
	}
	
	
	
	/* 	하단 버튼 */
	
	.btn_group {
		text-align: center;
		margin-top: 70px !important;
	}
	
	.btn {
		padding: 10px 20px;
/* 	    border-radius: 5px; */
	    font-size: 16px;
	    transition:all 0.3s;
	    -webkit-transition: all 0.3s;
	    border-width:3px;
	    border-style: solid;
        border-color: #999;
		color: #555;
	}
	
	.btn_group .btn {
		width: 240px;
		display: inline-block;
		padding: 15px 40px;
		font-size: 18px;
		font-weight: 800;
		border-width:3px;
		color: #111;
		line-height: 1.2em;
	}
	
	.eng .btn_group .btn.together, body.eng .btn_group .btn.about {
		width: auto;
	}

	.btn_group .btn:hover {
		text-decoration: none;
	}
	
	.btn_group .btn.together {
		border-color: #111;
		font-weight: 800;
		margin-right: 10px;
	}
	
	.btn_group .btn.together:hover {
		border-color: #6ba5d4;
		color: #6ba5d4 !important;
	}
	
	.btn_group .btn.together:visited {
		color: #111;
	}
	
	.btn_group .btn.about {
		border-color: #b0b6bf;
		font-weight: 400;
		color: #777;
	}
	
	.btn_group .btn.about:hover {
		border-color: #d6b1d5;
		color: #d6b1d5 !important;
	}
	
	.btn_group .btn.about:visited {
		color: #777;
	}
	
	.btn_group .btn.official.together {
		width: 280px;
		padding: 24px 56px 20px;
		margin-top: 10px;
	}
	
	
	/* 	숫자 디스플레이 */
	
	.numbers_wrap .numbers span {
	    font-size: 56px;
		color: #1d1e1c !important;
		font-weight: bold;
	}
	
	.numbers_wrap .numbers h3 {
		text-align: center;
		font-weight: 200;
		padding-top: 12px;
		padding-bottom: 0;
	}
	
	.numbers_wrap .numbers section {
		text-align: center;
	}
	
	/* 	안내 문구 */
	
	.txt_info p {
		margin-bottom: -40px;
	    font-size: 15px;
	    color: #92969e;
	    padding-top: 30px;
	}
	
	
	
	
	/*---------------------------------------------------

    03.01 - CUSTOMIZING POST MODULES  
	
	---------------------------------------------------*/
	
	
	
	/*****----- 	Module Basic Style   -----*****/
	
	.et_pb_extra_module, .et_pb_widget {
		box-shadow: none;
		border-radius: 0;
	}
	
	.et_extra_layout.et_pb_gutters3 .et_pb_extra_module, .et_pb_extra_column_sidebar .et_pb_extra_module {
		border: none;
		border-radius: 0;
	}
	
	.et_extra_layout .et_pb_column .module-head h1,  {
		color:#111 !important;
		font-weight: 800;
		letter-spacing: 0.03em;
		padding: 0;
	}
	
	.no_excerpt .excerpt {
		display: none;
	}
	
	.et_pb_extra_module .posts-list article .post-thumbnail, .et_pb_widget .widget_list_thumbnail {
		background-color: transparent !important;
	}
	
	
	
	/* 	Module Header */
	
	.module-head, .tabbed-post-module .tabs {
		padding: 15px 0;
	    border-top: 3px solid #111;
		border-bottom: 1px solid #e3e3e3;
	}
	
	
	
	.post-module .module-head .module-filter {
		font-weight: 100;
	}
	
	.et_extra_layout.et_pb_gutters3 .et_pb_extra_module, .et_extra_layout.et_pb_gutters3 .et_pb_extra_column_sidebar .et_pb_widget {
		margin-bottom: 60px;
	}
	
	.post-thumbnail {
	    width: 100%;
		padding-bottom: 60%;
	    margin: 0;
	    background-position: center center;
	    background-size: cover;
	    background-repeat: no-repeat;
	}
	

	/*****----- 	Featured Post   -----*****/
	
	.featured_post_wrapper  { 
		border: none;
/* 		display: inline-block; */
		width: 100%;
	}
	
	
	/* 	Main Post */
	
	.et_extra_layout .featured_post_wrapper.et_pb_ft_post_0 .main-post {
		width: 66.66%;
		display: inline-block;
		padding: 0 20px 0 0;
	}
	
	.featured_post_wrapper.et_pb_ft_post_0 .main-post h2.entry-title {
		font-weight: 800;
	    display: table-row;
	    vertical-align: middle;
	    height: 90px;
	}
	
	.featured_post_wrapper.et_pb_ft_post_0 .main-post ul.post-categories {
	    line-height: 1em;
	    width: 100%;
	    text-align: center;
	    display: table-row;
	    vertical-align: middle;
	    height: 30px;
	    padding: 0;
	}
	
	.featured_post_wrapper.et_pb_ft_post_0 ul.post-categories li {
	    display: inline-block;
		margin-bottom: 0;
		width:auto;
		border-bottom: none;
		padding: 0;
	}
	
	.featured_post_wrapper.et_pb_ft_post_0 ul.post-categories li:after {
		content:'/';
		margin: 0 2px;
	}
	
	.featured_post_wrapper.et_pb_ft_post_0 ul.post-categories li:last-child:after {
		content:'';
	}
	
	.featured_post_wrapper.et_pb_ft_post_0 ul.post-categories li a {
	    font-weight: 200;
	    text-decoration: underline;
	    font-size: 16px;
	}
	
/*
	.featured_post_wrapper.et_pb_ft_post_0 .main-post article .post-content .excerpt {
		margin-top: 15px;
	}
*/
	
	.featured_post_wrapper.et_pb_ft_post_0 .main-post .excerpt a:hover {
		color: inherit !important;
	}
	
	.featured_post_wrapper.et_pb_ft_post_0 .main-post .post-content {
		text-align: center;
	    height: 120px;
	    display: table;
	    width: 100%;
	    margin-top: 30px;
	}
	
	.main-post .link_cat a {
		font-weight: 200;
	    text-decoration: underline;
	    margin-bottom: 5px;
	    display: block;
	    padding-left: 20px;
	}

	
	
	
	/* 	Post List */
	
	.et_extra_layout .featured_post_wrapper.et_pb_ft_post_0 .posts-list {
		width: 33%;
		display: inline-block;
		vertical-align: top;
	}
	
	.featured_post_wrapper.et_pb_ft_post_0 .posts-list {
		padding-right: 0;
	}
	
	.featured_post_wrapper.et_pb_ft_post_0 .posts-list li {
		padding-right: 0;
	}
	
	.featured_post_wrapper.et_pb_ft_post_0 .posts-list li:first-child {
		padding-top: 0;
	}
	
	.featured_post_wrapper.et_pb_ft_post_0 .posts-list article .post-thumbnail {
	    width: 80px;
	    height: 80px;
	    margin: 3px 0 0 20px;
	    float: right;
	    background-position: center center;
	    background-size: cover;
	    background-repeat: no-repeat;
	}
	
	.featured_post_wrapper.et_pb_ft_post_0 .posts-list article .post-content .excerpt {
		margin-top: 10px;
		font-size: 15px;
	}
	
	.featured_post_wrapper.et_pb_ft_post_0 .posts-list article .post-content .excerpt a:hover {
		color: inherit !important;
	}
	
	.featured_post_wrapper.et_pb_ft_post_0 .posts-list article .post-content h3, .featured_post_wrapper.et_pb_ft_post_0 .posts-list article .post-content h3 a {
		font-weight: 600;
		letter-spacing: -0.04em;
		line-height: 1.3em !important;
	}
	
	.featured_post_wrapper.et_pb_ft_post_0 .posts-list article .post-content h3 a:hover, .featured_post_wrapper.et_pb_ft_post_0 .main-post h2.entry-title a:hover {
		text-decoration: none;
	}
	
	.featured_post_wrapper.et_pb_ft_post_0 .posts-list article .post-content {
		padding-top: 0;
		width: auto;
/* 	    padding: 6px 0 5px; */
	    vertical-align: top;
	    float: none;
	}
	
	.featured_post_wrapper.et_pb_ft_post_0 .posts-list .post-meta {
		padding-left: 0;
		margin-top: 7px;
	}
	
	.featured_post_wrapper .posts-list .post-categories {
		display: inline-block;
	    text-align: left;
	    padding: 0 0 0 20px;
	    height: auto;
	    margin-bottom: 5px;
	}
	
	.featured_post_wrapper .posts-list .post-categories a.link_cat {
		font-weight: 200;
	    text-decoration: underline;
	    margin-bottom: 5px;
	    display: block;
	    
	}
	

	
	/*****-----		Featured Post End	-----*****/
	
	
	
	/*****----- 	Posts Module	-----*****/
	
	.et_extra_layout .et_pb_column_2_3 .et_pb_extra_module .main-post, .et_extra_layout .et_pb_column_2_3 .et_pb_extra_module .posts-list {
		width: 100%;
		
	}
	
	.et_pb_extra_module .posts-list li {
		padding: 20px 0;
	}
	
	.et_pb_extra_module .posts-list article .post-content h3 {
		font-weight: 400;
		color: #111;
	}

	
	.et_pb_extra_module .posts-list article .header .post-thumbnail {
	    width: 100%;
		padding-bottom: 60%;
	    margin: 0;
	    background-position: center center;
	    background-size: cover;
	    background-repeat: no-repeat;
	}
	
	.et_pb_extra_module .posts-list li article .post-thumbnail {
		width: 25%;
		height: 100px;
	    margin-left: 0;
	    margin-right: 0;
	    float: left;
	    background-position: center center;
	    background-size: cover;
	    background-repeat: no-repeat;
	    padding-bottom: 0;
	}
	
	.et_pb_extra_module .posts-list article .post-content, .et_extra_other_module .posts-list article .post-content {
		width: 75%;
		padding: 0 0 0 20px;
		float: left;
	}
	
	.et_pb_extra_module .posts-list li:first-child, .et_extra_other_module .posts-list li:first-child {
		border-top: none;
	}
	
	.et_pb_extra_module .posts-list article .post-meta, .et_extra_other_module .posts-list article .post-meta {
		padding: 0;
		margin-top: 5px;
	}
	
	.et_pb_extra_module .posts-list article .post-content .excerpt {
		margin-top: 7px;
	}

	
	
	/*----- If, 1/3 -----*/
	
	.et_pb_column_1_3 .et_pb_extra_module .posts-list li {
		padding: 20px 0;
	}
	
	
	/*----- If, 2/3 -----*/
	
	.et_pb_column_2_3 .et_pb_extra_module .posts-list article .post-content h3 {
		
	}
	
	
	
	/*----- No-thumbnail Module -----*/
	
	.et_pb_column_1_3 .et_pb_extra_module .posts-list .no-thumb article .post-content, .et_pb_column_1_3 .et_extra_other_module .posts-list .no-thumb article .post-content, .et_pb_column_1_4 .et_pb_extra_module .posts-list .no-thumb article .post-content, .et_pb_column_1_4 .et_extra_other_module .posts-list .no-thumb article .post-content {
		width: 100%;
		padding: 0;
	}
	
	
	/*----- 	Has Thumbnail Module -----*/
	
	.et_pb_column_1_4 .et_pb_extra_module .posts-list li.has-thumb article .post-thumbnail, .et_pb_column_1_3 .et_pb_extra_module .posts-list li.has-thumb article .post-thumbnail {
	    width: 80px;
		height: 80px;
		margin-right: 15px;
	}
	
	.et_pb_column_1_4 .et_pb_extra_module .posts-list li.has-thumb article .post-content, .et_extra_other_module .posts-list li.has-thumb article .post-content, .et_pb_column_1_3 .et_pb_extra_module .posts-list li.has-thumb article .post-content, .et_extra_other_module .posts-list li.has-thumb article .post-content {
		width: auto;
		padding: 0;
		float: none;
	}
	
	
	
	/* 	Has Thumbnail Module */
	

	/*****----- 	Posts Module End	-----*****/
	
	
	
	
	
	
	/*****----- 	Posts Carousel Module	-----*****/

	
	
	
	
	/*****----- 	Posts Carousel Module End	-----*****/
	
	
	
	
	
	/*****----- 	Blog Feed Mansonry Module	-----*****/
	
	.js .posts-blog-feed-module.masonry .column .hentry {
		box-shadow: none;
	}
	
	.posts-blog-feed-module.masonry .et-format- .post-content {
		border: 1px solid #e3e3e3;
	    padding-top: 20px;
	    border-top: none;
	}
	
	.posts-blog-feed-module.masonry .et-format- .header {
		margin-bottom: 0;
	}
	
	
	/*****----- 	Blog Feed Mansonry Module End	-----*****/
	
	
	/*****----- 	Basic Module	-----*****/
	
	.et_extra_other_module {
		box-shadow: none;
	}
	
	
	
	
	
	/*---------------------------------------------------

    04.00 - SINGLE POST STYLES
	
	---------------------------------------------------*/
	
	
	.single .post-content, .single .post-content p, .single .post-content a {
	    line-height: 1.8em;
	    font-weight: 200;
	}
	
	.single article .post-footer {
		border-top: none;
		padding-top: 0;
		display: inline-block;
		margin-bottom: 0;
	}
	
	.et_pb_pagebuilder_layout .page .post-wrap {
/* 		padding: 0 120px 60px; */
		padding: 40px 80px 20px;
	    border: 1px solid #e3e3e3;
	}
	
	.single .post-wrap {
		padding: 80px 80px 20px;
		border: 1px solid #e3e3e3;
	}
	
	.single .post-wrap .post-content, .page.with_sidebar_right .post-wrap .post-content {
		margin-bottom: 0;
		margin-top: 0;
		white-space: initial;
/*
		word-break: keep-all;
*/
	}
	
	.single .post-wrap .post-content p {
		margin-bottom: 0;
	}
	
	.post-footer .social-icons, .post-footer .rating-stars {
		margin-bottom: 0;
	}
	
	.single article .post-nav {
		display: inline-block;
	}

	.post-nav .nav-box.previous {
		float: left;
		width: 300px;
	}
	
	.post-nav .nav-box.next {
		float: right;
		width: 570px;
	}
	
	.post-nav .nav-box.next .name {
	    width: 48px;
	    padding: 0;
	    text-align: left;
	    font-size: 18px;
	    font-weight: 400;
	    line-height: 1.1em;
	    color: #111;
	    margin-top: 2px;
	    position: relative;
	    display: table-cell;
	    vertical-align: top;
	}
	
	.post-nav .nav-box.next .name:after {
	    border-right: 12px dotted #111;
	    content: '';
	    display: inline-block;
	    width: 2%;
	    height: 32px;
	    position: absolute;
	    top: 3px;
	    right: -3px;
	}
	
	.post-nav .nav-box .post_wrap {
		width: auto;
	    /* float: right; */
	    padding-left: 20px;
	    display: table-cell;
	    vertical-align: top;
	}
	
	.post-nav .nav-box .post_wrap h3 {
		padding-bottom: 10px;
		text-decoration: underline;
		font-weight: 800;
		line-height: 1.2em !important;
	}
	
	.post-nav .nav-box .thumb {
		width: 100px;
	    display: table-cell;
	    padding-left: 20px;
	}
	
	.single .post-thumbnail {
		padding-bottom: 0;
		margin-bottom: 60px;
	}
	
	.single .et_pb_extra_column_main article {
		box-shadow: none;
/* 		border-bottom: 1px solid #e3e3e3 !important; */
		margin-bottom: 0;
		border-radius: 0;
		background: transparent;
	}
	
	.page.with_sidebar_right .et_pb_extra_column_main article {
		box-shadow: none;
		border: 1px solid #e3e3e3 !important;
		margin-bottom: 40px;
	}
	
	.post-wrap .wp-caption {
		border: none;
	    background-color: transparent;
	    padding: 0;
	    max-width: 100%;
	}
	
	.post-wrap .wp-caption-text {
		text-align: left;
	    font-size: 14px;
	    padding: 0;
	    font-style: italic;
	}
	
	
	.page .post-wrap .post-content, .page .et_pb_extra_column_main article {
		margin-bottom: 0;
	}
	
	
	/* 	기자 정보 */
	
	.author-box-description h4 a {
		font-weight: 800;
	}
	
	.et_extra_other_module.author-box {
	    background-color: #f9f9f9;
	    margin-bottom: 0;
	}
	
	.author-box-content {
		display: table;
		padding: 30px 40px;
	}
	
	.author-box-avatar {
		-ms-flex-preferred-size: 100px;
	    flex-basis: 100px;
	    height: 100px;
	    width: 100px;
	    min-width: 100px;
	    max-width: 100px;
	    border-radius: 200px;
        vertical-align: middle;
		display: table-cell;
	}
	
	.author-box-description {
		display: table-cell;
		vertical-align: middle;
		padding-left: 30px;
	}
	
	
	.page .et_pb_extra_column_main article, .single .et_pb_extra_column_main article .post-wrap {
		background-color: rgba(255,255,255,0.7);
	}
	
	.page-id-150.page .et_pb_extra_column_main article, .page-id-772.page .et_pb_extra_column_main article {
		background-color: transparent !important;
	}
	
	.et_pb_section {
		background-color: transparent !important;
	}
	
	
	/* 	관련기사 */
	
	.single .related-posts {
		border-radius: 0;
	}
	
	.single .related-posts-content {
		display: -ms-block;
		display: block;
		padding: 40px 0 0 0;
	}
	
	.single .related-post {
		width: 100%;
	    max-width: 100%;
	    min-width: 100%;
	    -ms-flex-preferred-size: 100%;
	    flex-basis: 100%;
	    padding: 0px 0px 60px;
	}
	
	.single .related-posts .post-thumbnail {
		margin-bottom: 0;
	}
	
	.single .related-posts-header h3 {
		padding: 0;
	}
	
	.single .related-posts-header {
		padding: 12px 15px;
		background-color: #111;
		border-bottom: none;
	}
	
	
	/* 	공유 */
	
	.single .post .et_pb_row:after {
		clear: none;
	}
	
	.korea-sns-shortcode {
		text-align: right;
		margin-top: 100px;
	}
	
	.single .korea-sns {
		padding-top: 100px;
	}
	
	.korea-sns-button {
		vertical-align: middle;
	}
	
	.korea-sns-button:last-child {
		margin-right: 0;
	}
	
	.share_txt {
		display: inline-block;
	    margin-right: 10px;
	    color: #999;
	    font-size: 16px;
	    font-weight: bold;
	}
	
	.sup_desc .korea-sns-shortcode {
		display: inline-block;
	    float: right;
	    margin-top: 0;
	}
	
	
	/* 	페이스북 댓글 */
	
	.fb-comments {
		margin: 60px 0;
	    padding: 20px 0;
	    border-top: 1px solid #111;
	}
	
	
	/* 	목록으로 가기 버튼 */
	
	.golist_wrap {
		float: left;
		margin-top: 8px;
	}
	
	.golist_wrap .btn {
		font-size: 16px;
	    border-width: 3px;
	}
	
	.golist_wrap .btn:hover {
		text-decoration: none;
		background-color:#999;
		color:#fff !important;
	}
	
	.post-footer .social-icons .et-extra-icon.et-extra-icon-cacao {
		background-color: #F5E950;
	}
	
	.et-extra-icon-cacao:before {
		content: '';
	    background-image: url(/wp-content/themes/Extra-OverTheSea/img/kakaotalk.png);
	    background-position: center center;
	    background-repeat: no-repeat;
	    background-size: contain;
	    display: inline-block;
	    width: 30px;
	    height: 30px;
	    border-radius: 7px;
	    background-color: #F5E950;
	}
	
	
	
	
	
	
	/***** 	사이드바 *****/
	
	.et_pb_extra_column_sidebar .et_pb_extra_module .posts-list {
		width: 100%;
	}
	
	
	
	/* 	인기 기사 */
	
	.et_pb_extra_column_sidebar .module-head h1 {
		padding-bottom: 0;
	}
	
	.et_pb_extra_column_sidebar .posts-list article {
		border: none;
		margin-bottom: 0;
	}
	
	.et_pb_extra_column_sidebar .posts-list article .excerpt {
		display: none;
	}
	
	.et_pb_extra_column_sidebar .et_pb_extra_module .posts-list li article .post-thumbnail {
		height: auto;
	    width: 100%;
	    padding-bottom: 65%;
	    margin-bottom: 15px;
	}
	
	.et_pb_extra_column_sidebar .et_pb_extra_module .posts-list article .post-content {
		width: 100%;
		padding-left: 0;
	}
	
	.et_pb_extra_column_sidebar .et_pb_extra_module .posts-list article .post-content h3 a {
		font-weight: 700;
	}
	
	.et_pb_extra_column_sidebar .et_pb_extra_module .posts-list li {
		border-bottom: none;
		padding: 20px 0 0;
	}

	
	/* 	최신 기사 */
	
	.et_pb_extra_column_sidebar .et_pb_widget.widget_et_recent_entries .widget_list li {
		padding: 20px 0;
	}
	
	.et_pb_extra_column_sidebar .et_pb_widget .widgettitle {
		background-color: transparent;
	    color: #111;
	    padding: 15px 0;
	    border-top: 3px solid #111;
	    border-bottom: 1px solid #e3e3e3;
	    line-height: 1.6em;
	}
	
	.et_pb_widget .widget_list .title {
		color: #111;
		padding: 0;
	}
	
	
	
	/* 	페이스북 */
	
	.et_pb_extra_column_sidebar .et_pb_widget.widget_fbw_id .widgettitle {
		border-bottom: none;
	}
	
	
	
	
	/*---------------------------------------
		
		 	LOVE MYSELF 캠페인 
		 	
	----------------------------------------*/
	
	.page-id-150.et_pb_pagebuilder_layout .page .post-wrap, .page-id-772.et_pb_pagebuilder_layout .page .post-wrap {
		padding: 0;
		border: none;
	}
	
	.page-id-150.et_pb_gutters1 .et_pb_column_4_4 .et_pb_blog_grid .column, .page-id-772.et_pb_gutters1 .et_pb_column_4_4 .et_pb_blog_grid .column {
		padding: 0 15px;
	}
	
	.page-id-150.et_pb_gutters1 .et_pb_column .et_pb_module, .page-id-772.et_pb_gutters1 .et_pb_column .et_pb_module {
		margin: 0 -15px;
	}
	
	.page-id-150.et_pb_gutters1 .et_pb_column_4_4 .et_pb_blog_grid .column article, .page-id-772.et_pb_gutters1 .et_pb_column_4_4 .et_pb_blog_grid .column article {
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
		padding: 40px;
		border-radius: 0;
		background-color: #fff !important;
	}
	
	.et_pb_gutters1 .et_pb_column .et_pb_blog_grid .column.size-1of3 .et_pb_post {
		margin-bottom: 40px;
	}
	
	.page-id-150.et_pb_gutters1 .column article .et_pb_image_container, .page-id-772.et_pb_gutters1 .column article .et_pb_image_container {
		margin: -41px -41px 30px;
	}
	
	.page-id-150 .et_pb_blog_grid h2, .page-id-772 .et_pb_blog_grid h2 {
	    margin-top: 20px;
		padding-bottom: 10px;
	}
	
	.page-id-150 .et_pb_blog_grid .art-meta, .page-id-772 .et_pb_blog_grid .art-meta {
		font-size: 15px;
		line-height: 1.7em;
	}
	
	.page-id-150 .et_pb_post .post-meta, .page-id-772 .et_pb_post .post-meta {
		font-size: 15px;
		margin-bottom: 10px;
	}
	
	
	
	
	/*---------------------------------------
		
		 	LOVE MYSELF 참여하기 
		 	
	----------------------------------------*/
	
	sup {
		margin-left: 5px;
		color: #d01c1c;
	}
	
	.sup_desc {
		border-top: 1px solid #e3e3e3;
	    padding-top: 20px;
	    font-size: 15px;
	    line-height: 2.2em;
	    color: #777;
	    margin-top: 70px;
	    vertical-align: middle;
	}
	
	.together_txt ul {
		padding-left: 0;
	}
	
	.together_txt li {
		list-style: none;
/* 		font-weight: bold; */
	}
	
	.together_txt li b {
		font-weight: 800;
	}
	
	.together_txt li .num {
		font-weight: 800;
	    margin-right: 5px;
	    background-color: #111;
	    color: #fff;
	    border-radius: 500px;
	    font-size: 15px;
	    width: 20px;
	    height: 20px;
	    display: inline-block;
	    text-align: center;
	    vertical-align: middle;
	    line-height: 1.4em;
	}
	
	.together_txt li p {
		display: inline-block;
		margin-bottom: 0;
	}
	
	.together .btn_group {
		text-align: center;
	}
	
	.together .btn {
		display: inline-block;
	}
	
	.together .btn {
		display: inline-block;
	    padding: 10px 20px;
	    width: 160px;
	    text-align: center;
	    font-weight: normal;
	    transition: all 0.3s;
	    border-width: 3px;
	    font-size: 16px;
	    margin-right: 6px;
	}
	
	
	.together .btn:last-child {
		margin-right: 0;
	}
	
	.together .btn:hover {
		text-decoration: none;
	}
	
	.btn.unicef {
		border-color:#26BDFC;
		padding: 10px 78px;
		width: 280px;
	}
	
	.btn.unicef svg {
		width: 100%;
		display: block;
	}
	
	.btn.unicef:hover svg path {
		fill:#fff;
	}
	
	.btn.unicef:hover {
		background-color:#26BDFC;
		color:#fff !important;
	}
	
	.btn.goods {
		border-color:#6ba5d4;
	}
	
	.btn.goods:hover {
		background-color:#6ba5d4;
		color:#fff !important;
	}
	
	.btn.cacao {
		border-color:#FED030;
	}
	
	.btn.cacao:hover {
		background-color:#FED030;
		color:#fff !important;
	}
	
	.btn.line {
		border-color:#1BB71F;
	}
	
	.btn.line:hover {
		background-color:#1BB71F;
		color:#fff !important;
	}
	
	.btn.happy {
		border-color:#7CA21E;
	}
	
	.btn.happy:hover {
		background-color:#7CA21E;
		color:#fff !important;
	}
	
	
	
	
	/*---------------------------------------
		
			LOVE MYSELF 캠페인 소개
		 	
	----------------------------------------*/
	
	.txt_wrap h3 {
		padding-bottom: 20px;
	}
	
	.single .txt_wrap {
		padding-top: 80px;
	}

	
	
	
	
	
	
	/*---------------------------------------------------

    04.00 - ENGLISH PAGE STYLES 영문사이트
	
	---------------------------------------------------*/
	
	body.eng #et-navigation > ul > li > a {
		letter-spacing: 0.02em;
	}
	
	body.eng #et-navigation > ul > li {
		margin: 0 70px;
	}
	
	body.eng #et-navigation > ul > li:nth-child(4) {
		margin-left: 0;
	}
	
	body.eng #et-navigation > ul > li.lang.kor {
		margin-right: 0;
        position: absolute;
        top: 0%;
        right: 0%;
	}
	
	
	/* 	공유하기 */
	body.eng .share_txt {
		display: inline-block;
	    margin-right: 10px;
	    color: #999;
	    font-size: 16px;
	    font-weight: bold;
	}
	
	body.eng #footer .copy.kor, body.kor #footer .copy.eng {
		display: none;
	}
	
	body.eng #footer .et_pb_widget {
		margin: 0 0 40px;
	}
	
	body.eng #footer .et_pb_widget:first-of-type {
		padding-top: 40px;
	}
	
	#footer #custom_html-2 {
		padding-top: 54px;
		margin-bottom: 0;
	}
	
	#footer .copy.kor {
		padding-top: 6px;
	}
	
	
	
	
	/* 	Error Page */
	
	.page-id-558 header, .page-id-558 #footer, .page-id-558 #shiftnav-toggle-main {
		display: none;
	}
	
	body.page-id-558 {
		height: 100%;
		background-color: #f5f8fd;
	}
		
	.page-id-558 .page .post-wrap {
		display: table;
		width: 100%;
	}
	
	.page-id-558 #page-container .post-content {
		display: table-cell;
	    width: 100%;
	    vertical-align: middle;
	}
	
	.page-id-558 .error_wrap {
		text-align: center; 
		width: 100%; 
		height: auto !important; 
		background-color: transparent; 
		padding: 0;
	}
	
	.page-id-558 #main-content div, .page-id-558 .shiftnav-wrap, .page-id-558 #page-container, .page-id-558 #main-content, .page-id-558 #page-container #post-558 {
		height: 100%;
	}
	
	.page-id-558 #page-container #post-558, .page-id-558 .page .post-wrap, .page-id-558 #page-container .post-content {
		background-color: transparent;
	}

	
	
	
	/*---------------------------------------------------

    04.02 - CARD NEWS TEMPLATE
	
	---------------------------------------------------*/
	
	#main-content article .post-wrap > h1.entry-title {
/*
		font-size: 27px;
	    font-weight: 800;
	    text-align: center;
	    padding: 10px 0 44px;
*/
		display: none;
	}
	
	.page .et_pb_extra_column_main article {
		border:none;
		box-shadow: none;
		
	}
	
	.page .card_news_wrap {
		white-space: initial;
	}
	
	.page .card_news_wrap .et_pb_row {
		width: 100%;
	}
	
	.card_news_wrap .et_pb_blog_grid .et_pb_image_container {
		margin: 0;
	}
	
	.card_news_wrap .et_pb_kkblog_grid_0.et_pb_blog_grid .et_pb_post div.art-meta {
		display: table;
		margin: 0;
		width: 100%;
		background-color: rgba(0,0,0,0.6);
	}
	
	.card_news_wrap .et_pb_blog_grid .art-meta h2.entry-title {
		display: table-cell;
		vertical-align: middle;
		margin-top: 0;
		padding: 0 40px;
	}
	
	.card_news_wrap .et_pb_blog_grid .art-meta h2.entry-title a {
		color:#fff;
        font-size: 21px;
		font-weight: 800;
	}
	
	.et_pb_gutters3 .card_news_wrap .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 {
		width: 33.1%;
		margin-right: 0.3%;
	}
	
	.et_pb_gutters3 .card_news_wrap .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 .et_pb_post {
		margin-bottom: 1%;
		padding: 0;
	}
	
	
	
	
	/*---------------------------------------------------

		06.00 FOOTER  
	
	---------------------------------------------------*/
	
	#footer {
		background: #141a24;
	}
	
	#footer .et_pb_widget#nav_menu-2 {
		margin-bottom: 30px;
		padding-top: 40px;
	}
	
	#footer .et_pb_widget #menu-footer-nav li {
		padding: 0 30px 0 0;
		float: left;
		border-bottom: none;
	}
	
	#footer .et_pb_widget#dli_widget-3 {
		margin-bottom: 40px;
	}
	
	#footer .et_pb_widget #menu-footer-nav li a:hover {
		color:#fff !important;
	}
	
	#footer .et_pb_bg_layout_dark h1, #footer .et_pb_bg_layout_dark.text_group1 {
		color: #aaa !important;
		margin-bottom: 30px;
	}
	
	#footer .et_pb_bg_layout_dark.text_group2 {
		margin-bottom: 0;
	    color: #777 !important;
	    font-size: 14px;
	    font-weight: 200;
	}
	
	#footer .copy, #footer div, #footer a, #footer .et_pb_widget a, #footer p {
		color: #deebf9;
	}
	
	#footer .copy div, #footer .copy p {
		font-size: 13px;
	}
	
	#footer-bottom {
		display: none;
	}
	
	
	
	/* 	SNS 영역 */
	
	#footer .et_pb_widget.widget_text .textwidget {
		padding: 0;
	}
	
	#footer .et_pb_widget .sns_wrap {
		float: right;
	}

	#footer .et_pb_widget .sns_wrap li {
		float: left;
		border-bottom: none;
		margin-left: 20px;
		padding: 0;
	}
	
	#footer .et_pb_widget .sns_wrap li a {
		color: #fff;
		font-size: 24px;
	}
	
	#footer .et_pb_widget .sns_wrap li a .fa-instagram {
		background: radial-gradient(#fff, #fff);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	
	#footer .et_pb_widget .sns_wrap li a .fa:before, #footer .et_pb_widget .sns_wrap li a .fa-instagram, #footer .et_pb_widget .sns_wrap li a {
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	
	#footer .et_pb_widget .sns_wrap li a:hover .fa-twitter:before {
		color: #55acee;
	}
	
	#footer .et_pb_widget .sns_wrap li a:hover .fa-instagram {
		background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	
	#footer .et_pb_widget .sns_wrap li a:hover, #footer .et_pb_widget .sns_wrap li a:visited {
		color: #fff !important;
		text-decoration: none;
	}
	
	
	
	
	
	
	
	
	
	/*---------------------------------------------------

    	07.00 CATEGORY ARCHIVE STYLES, 카테고리
	
	---------------------------------------------------*/
	
	
	
	/* 	사이드바 : 인기 기사 */
/*
	
	.archive.et_extra_layout.et_pb_gutters3.et_extra_layout .popular_posts.et_pb_row_1.et_pb_row {
		margin-left: 0 !important;
	}
	
	.archive.et_extra_layout.et_pb_gutters3 .popular_posts .et_pb_column {
		padding: 0 !important;
	}
*/
	
	/* 	제목  */
	
	.archive .cat_title, .search .cat_title {
		padding: 10px 0;
	}
	
	.archive h1, .search h1 {
	    font-size: 27px;
	    font-weight: 800;
	    text-align: center;
	}
	
	
	/* 	콘텐츠 */
	
	.archive .et_pb_db_archive_grid .et_pb_row_cpt .et_pb_row.con_group {
		border: 1px solid #e3e3e3;
	    padding: 0 20px 20px;
	    border-top: none;
	}
	
	
	/* 	버튼 */
	
	.con_group a.et_pb_more_button, .con_group a.et_pb_more_button:hover {
		margin-top: 0;
		font-size: 14px;
		padding: 0;
		border: none;
		background-color: transparent;
	}
	
	a.et_pb_more_button:after, a.et_pb_more_button:hover:after {
		opacity: 1;
	    margin: 0;
	    text-decoration: none;
	    font-size: 20px;
	    color: #000;
	}
	
	
	
	
	/* 	Pagination */
	
	.navigation {
		margin: 0 auto;
		text-align: center;
		white-space: initial;
	}
	
	.navigation ul {
		padding: 0;
	    line-height: 1.4em;
	    vertical-align: middle;
	    position: relative;
	    display: inline-block;
	}
	
	.navigation li {
		position: relative;
		margin-bottom: 0;
		float: left;
		list-style: none;
		margin-right: 5px;
	}
	
	.navigation li a {
	    display: inline-block;
	    padding: 6px 10px;
/* 	    background-color: #e3e3e3; */
	}
	
	.navigation li.active a, .navigation li a:hover {
		color: #fff !important;
	    font-weight: bold;
	    background-color: #333;
	}
	
	.navigation li.pag_link a {
		text-indent: -100px;
		overflow: hidden;
	    padding: 12px 8px;
		height: 33px;
	}
	
	.navigation li.pag_link a:after {
		font-family: 'ETmodules' !important;
		position: absolute;
	    display: inline-block;
	    font-size: 18px;
		font-weight: bold;
	    opacity: 1;
	    left: 64px;
		top: -2px;
		line-height: 2em;
	}
	
	.navigation li.pag_link a:hover:after {
		color: #fff !important;
	}
	
	.navigation li.next {
		margin-left: 20px;
	}
	
	.navigation li.next a:after {
		content: "\39";
		
	}
	
	.navigation li.prev {
		margin-right: 20px;
	}
	
	.navigation li.prev a:after {
		content: "\38";
	}
	
	.navigation li.dim {
		padding: 0 10px;
		line-height: 1.7em;
	}
	
	
	
	





	
/******************************************** 20190507 컨텐츠 추가 css  ******************************************/
#page-container #main-content .container #content-area .et_pb_extra_column_main article {width: 100%;}
#page-container #main-content .container #content-area .et_pb_extra_column_main #post-1450 {width: 100%;}
#page-container #main-content .container #content-area .et_pb_extra_column_main #post-1509 {width: 100%;}
#page-container #main-content .container #content-area .et_pb_extra_column_main #post-1450 .post-wrap {padding: 0 !important;}
#page-container #main-content .container #content-area .et_pb_extra_column_main #post-1509 .post-wrap {padding: 0 !important;}
.post-wrap .post-content .hideM {display: none;}
.post-wrap .post-content .hidePC {font-family:dotum !important;}
.post-wrap .post-content #bts_wrap {margin: 0 auto; max-width: 798px; color: #4d4d4d; text-align: left;}
.post-wrap .post-content #bts_wrap .section {position: relative; width: 798px; padding: 0px 67px;}
.post-wrap .post-content #bts_wrap .section .conBox {display: inline-block; width: 100%; padding-left: 62px; background: url("http://www.love-myself.org/wp-content/uploads/2019/05/dotLine01.jpg"); background-position: 27px 0px; background-repeat: repeat-y; padding-bottom: 9%;}

.post-wrap .post-content #bts_wrap .section .conBox br {}

.post-wrap .post-content #bts_wrap .section .conBox2 {display: inline-block; padding-left: 62px; background: url("http://www.love-myself.org/wp-content/uploads/2019/05/dotLine02.jpg"); background-position: 27px 0px; background-repeat: repeat-y; padding-bottom: 9%;}
.post-wrap .post-content #bts_wrap .section .txtBox {font-family: 'Nanum Square'; float: left; font-size: 14px; line-height: 1.6; font-weight: bold;}
.post-wrap .post-content #bts_wrap .section .conDot {position: absolute; top: 2%; left: 10.8%; display: inline-block; width: 20px; height: 20px; border-radius: 10px;}
.post-wrap .post-content #bts_wrap .section .conDot01 {background: #fcc9af;}
.post-wrap .post-content #bts_wrap .section .conDot02 {background: #4ba6f1;}
.post-wrap .post-content #bts_wrap .section .conDot03 {background: #bdafd6;}
.post-wrap .post-content #bts_wrap .section .txtBox1 {max-width: 260px; width: 260px;}
.post-wrap .post-content #bts_wrap .section .conBox .title {position: relative; margin-bottom: 16px; font-weight: 600;}
.post-wrap .post-content #bts_wrap .section .conBox .title .titleTxt {font-family: 'Nanum Square'; display: inline-block; font-size: 19px; color: #fff; padding: 3px 17px 2px; border-radius: 15px;font-weight: 600;}
.post-wrap .post-content #bts_wrap .section .conBox .title .conDate {font-family: 'Nanum Square'; font-size: 14px; color: #3d3d3d; display: inline-block; font-weight: 800; margin-left: 5px;    letter-spacing: -0.5px;}
.post-wrap .post-content #bts_wrap .section .conImg {width: 100%;}
.post-wrap .post-content #bts_wrap .section .txtBox a:hover {text-decoration: none;}
.post-wrap .post-content #bts_wrap .section .txtBox2 {position: relative; max-width: 342px; width: 342px; padding-bottom: 28.3%; padding-left: 10px;}
.post-wrap .post-content #bts_wrap .section8 .txtBox2 {position: relative; max-width: 342px; width: 342px; padding-bottom: 27.3%; padding-left: 10px;}
.post-wrap .post-content #bts_wrap .section .txtBox2 dl {position: absolute; bottom: 0px;}
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dt {font-weight: 600; letter-spacing: -1px; color: #272727; line-height: 1.3;}
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dt br {font-family:dotum;}
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd {letter-spacing: -1px; line-height: 1.2;}
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd a {font-weight: 800;}
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd span {font-size: 17px; letter-spacing: -1px;}
.post-wrap .post-content #bts_wrap .section .txtBox2 dl br {font-family:dotum;}
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd.conTxt {margin-top: 1.2%; margin-bottom: 4%; line-height: 1.2;}
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd.more {margin-top: 5%;}
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd.more img {vertical-align: middle; width: 11px; margin-top: -2px;}
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd.margin1 {margin-left: 3%;}
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd.color01,
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd.color02,
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd.color03 {font-size: 14px; letter-spacing: 0px; font-weight: 900;}
.post-wrap .post-content #bts_wrap .section .color01 {font-family: 'Nanum Square'; color: #f78a52 !important; font-weight: 600;}
.post-wrap .post-content #bts_wrap .section .color02 {font-family: 'Nanum Square'; color: #1080dd !important; font-weight: 600;}
.post-wrap .post-content #bts_wrap .section .color03 {font-family: 'Nanum Square'; color: #885dc6 !important; font-weight: 600;}
.post-wrap .post-content #bts_wrap .section .bakcolor01 {background: #ece3fd; display: inline-block; font-family: 'Nanum Square' !important;}
.post-wrap .post-content #bts_wrap .section1 {padding: 8% 67px 2%;}
.post-wrap .post-content #bts_wrap .section1 h3 {text-align: center; margin-bottom: 6%;}
.post-wrap .post-content #bts_wrap .section1 .txtBox1 {float: none; padding: 3% 0%; width: 100%; text-align: center;border: 2px solid #f8b6b7; border-radius: 15px; max-width: 100%; margin-right: 0px;}
.post-wrap .post-content #bts_wrap .section1 .txtBox2 {float: none; width: 100%; text-align: center; max-width: 100%; padding: 2.5% 0% 2%;}
.post-wrap .post-content #bts_wrap .section1 .txtBox2 ul {display: inline-block; padding: 0% 2%; font-size: 13px;}
.post-wrap .post-content #bts_wrap .section1 .txtBox2 ul li {font-family: 'Nanum Square'; float: left; padding: 0px 16px; list-style: none;}
.post-wrap .post-content #bts_wrap .section1 .txtBox2 ul li .dot {display: inline-block; width: 15px; height: 15px; border-radius: 10px; vertical-align: sub; margin-right: 2px;}
.post-wrap .post-content #bts_wrap .section1 .txtBox2 ul li .dot1 {background: #bdafd6;}
.post-wrap .post-content #bts_wrap .section1 .txtBox2 ul li .dot2 {background: #4ba6f1;}
.post-wrap .post-content #bts_wrap .section1 .txtBox2 ul li .dot3 {background: #fcc9af;}
.post-wrap .post-content #bts_wrap .section2 .txtBox2 {padding-bottom: 23% !important;}
.post-wrap .post-content #bts_wrap .section2 .txtBox1 {margin-bottom: 10px;}
.post-wrap .post-content #bts_wrap .section2 .txtBox1 .imgBox {width: 100%; list-style: none; padding: 0;}
.post-wrap .post-content #bts_wrap .section2 .txtBox1 .imgBox li {float: left; width: 48%; margin: 0% 2% 2% 0%;}
.post-wrap .post-content #bts_wrap .section2 .txtBox1 .imgBox li img {width: 100%;}
.post-wrap .post-content #bts_wrap .section2 .conDot01 {top: 1% !important;}
.post-wrap .post-content #bts_wrap .section6 .conDot03 {top: 1.5%;}
.post-wrap .post-content #bts_wrap .section6 .txtBox3,
.post-wrap .post-content #bts_wrap .section16 .txtBox3,
.post-wrap .post-content #bts_wrap .section19 .txtBox3 {position: relative; display: inline-block; width: 100%; margin: 12% 0% 0%; font-weight: 600; line-height: 1.2;}
.post-wrap .post-content #bts_wrap .section6 .txtBox3 .conDot03,
.post-wrap .post-content #bts_wrap .section16 .txtBox3 .conDot03,
.post-wrap .post-content #bts_wrap .section19 .txtBox3 .conDot03 {left: -7.3%;}
.post-wrap .post-content #bts_wrap .section7 .title02 {padding-left: 62px; padding-bottom: 42px; background: url("http://www.love-myself.org/wp-content/uploads/2019/05/dotLine01.jpg"); background-position: 27px 0px; background-repeat: repeat-y;}
.post-wrap .post-content #bts_wrap .section7 .title02 img {width: 63%; max-width: 377px;}
.post-wrap .post-content #bts_wrap .section7 .conDot03 {left: -7.3% !important; top: 20% !important;}
.post-wrap .post-content #bts_wrap .section19 .conBox {padding-bottom: 3%;}
.post-wrap .post-content #bts_wrap .section20 {background: url("http://www.love-myself.org/wp-content/uploads/2019/05/bg_bottom.jpg"); background-size: 100%; padding-bottom: 51%;}
.post-wrap .post-content #bts_wrap .section20en {background: url("http://www.love-myself.org/wp-content/uploads/2019/05/bg_bottom_en.jpg");}
.post-wrap .post-content #bts_wrap .section20 .conBox {background: none; padding-top: 5%;}

.post-wrap .post-content #bts_wrap .section20 .conDot02 {left: -7.2% !important; top: 15% !important;}

.post-wrap .post-content #bts_wrap .section1 .txtBox1en {font-size: 12px;}
.post-wrap .post-content #bts_wrap .section1 .txtBox2en ul {padding: 0;}
.post-wrap .post-content #bts_wrap .section1 .txtBox2en ul li {padding: 0px 10px;}

.post-wrap .post-content #bts_wrap .section .conBox .txtBox .txtOp {letter-spacing: -0.5px;}
.post-wrap .post-content #bts_wrap .section7 .conBox .txtBox2en {padding-bottom: 33% !important;}
.post-wrap .post-content #bts_wrap .section15 .conBox .txtBox2en {padding-bottom: 29% !important;}


/* 미디어 쿼리 */
@media only screen and (max-width: 1080px){

.post-wrap .post-content #bts_wrap .hidePC {display: none;}
.post-wrap .post-content #bts_wrap .hideM {display: inline-block;}
.post-wrap .post-content #bts_wrap .section {padding: 0% 3%; width: 100%;}
.post-wrap .post-content #bts_wrap .section .conBox {max-width: 100%; padding-left: 8%; padding-bottom: 13%;}
.post-wrap .post-content #bts_wrap .section .txtBox {float: none; font-size: 20px;}
.post-wrap .post-content #bts_wrap .section .conBox .title {margin-bottom: 5%;}
.post-wrap .post-content #bts_wrap .section .conBox .title .titleTxt {font-size: 32px; padding: 7px 30px 5px; border-radius: 50px; line-height: 1.2;}
.post-wrap .post-content #bts_wrap .section .conBox .title .conDate {padding: 2% 0% 0% 2%; font-size: 21px; width: 100%; letter-spacing: -1px;}
.post-wrap .post-content #bts_wrap .section .conDot {left: 3%; width: 30px; height: 30px; border-radius: 20px; top: 1.3%;}
.post-wrap .post-content #bts_wrap .section .conImg {max-width: 100%; width: 100%;}
.post-wrap .post-content #bts_wrap .section .txtBox1 {max-width: 100%; width: 100%; margin-bottom: 4%;}
.post-wrap .post-content #bts_wrap .section .txtBox2 {max-width: 100%; width: 100%; padding-bottom: 0%; padding-left: 0px;}
.post-wrap .post-content #bts_wrap .section .txtBox2 dl {position: relative;}
.post-wrap .post-content #bts_wrap .section1 .txtBox1 {padding: 3% 6%;}
.post-wrap .post-content #bts_wrap .section1 .txtBox2 {padding: 2.5% 0% 7% !important;}
.post-wrap .post-content #bts_wrap .section2 .txtBox1 {width: 100%;}
.post-wrap .post-content #bts_wrap .section2 .txtBox1 .imgBox {display: inline-block;}
.post-wrap .post-content #bts_wrap .section1 .txtBox2 ul li {text-align: left; font-size: 20px; margin-left: 23%;}
.post-wrap .post-content #bts_wrap .section1 .txtBox2 ul li .dot {vertical-align: top; width: 20px; height: 20px; margin-right: 5px;}
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd span {font-size: 24px;}
.post-wrap .post-content #bts_wrap .section6 .txtBox3, .section16 .txtBox3, .section19 .txtBox3 {font-size: 24px;}
.post-wrap .post-content #bts_wrap .section .conBox {background: url("http://www.love-myself.org/wp-content/uploads/2019/05/dotLine02m.jpg"); background-position: 2% 0px; background-repeat: repeat-y; padding-left: 7%; background-size: 1%;}
.post-wrap .post-content #bts_wrap .section .conBox2 {background: url("http://www.love-myself.org/wp-content/uploads/2019/05/dotLine01m.jpg"); background-position: 2% 0px; background-repeat: repeat-y; padding-left: 7%; background-size: 1%;}
.post-wrap .post-content #bts_wrap .section7 .title02 {background: url("http://www.love-myself.org/wp-content/uploads/2019/05/dotLine01m.jpg"); background-position: 2% 0px; background-repeat: repeat-y; padding-left: 7%; background-size: 1%;}
.post-wrap .post-content #bts_wrap .section7 .title02 img {width: 92%;max-width: 100%;}
.post-wrap .post-content #bts_wrap .section20 {background: url("http://www.love-myself.org/wp-content/uploads/2019/05/bg_bottomM.jpg"); background-size: 100%; padding-bottom: 100%;}
.post-wrap .post-content #bts_wrap .section20en {background: url("http://www.love-myself.org/wp-content/uploads/2019/05/bg_bottomM_en.jpg"); background-size: 100%; padding-bottom: 100%;}
.post-wrap .post-content #bts_wrap .section20 .conBox2 {padding-top: 1%; padding-bottom: 0%;}
.post-wrap .post-content #bts_wrap .section20 .conDot02 {top: 15% !important;}
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd.color01,
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd.color02,
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd.color03 {font-size: 20px !important;}
.post-wrap .post-content #bts_wrap .section2 .txtBox2 {padding-bottom: 5% !important;}
.post-wrap .post-content #bts_wrap .section6 .txtBox3 .conDot03,
.post-wrap .post-content #bts_wrap .section16 .txtBox3 .conDot03,
.post-wrap .post-content #bts_wrap .section19 .txtBox3 .conDot03 {left: -7.6%;}
.post-wrap .post-content #bts_wrap .section7 .conDot03 {left: -7.3% !important; top: 14% !important;}


}/* 1080px */

@media only screen and (max-width: 767px){

.post-wrap .post-content #bts_wrap .section .conBox .title .titleTxt {font-size: 26px; padding: 7px 22px 5px;}
.post-wrap .post-content #bts_wrap .section .conBox .title .conDate {font-size: 18px;}
.post-wrap .post-content #bts_wrap .section .txtBox {font-size: 18px;}
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd span {font-size: 22px;}
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd.color01,
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd.color02,
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd.color03 {font-size: 18px !important;}
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd.more img {width: 12px;}
.post-wrap .post-content #bts_wrap .section .conDot {left: 3%; top: 1.5%; width: 24px;height: 24px;}
.post-wrap .post-content #bts_wrap .section6 .txtBox3, .section16 .txtBox3, .section19 .txtBox3 {font-size: 22px;}
.post-wrap .post-content #bts_wrap .section1 .txtBox2 ul li {font-size: 17px; margin-left: 21%;}


}/* 767px */

@media only screen and (max-width: 640px){

.post-wrap .post-content #bts_wrap .section .conBox .title .titleTxt {font-size: 20px; padding: 6px 18px 5px;}
.post-wrap .post-content #bts_wrap .section .conBox .title .conDate {font-size: 14px;}
.post-wrap .post-content #bts_wrap .section .txtBox {font-size: 16px;}
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd span {font-size: 19px;}
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd.color01,
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd.color02,
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd.color03 {font-size: 14px !important;}
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd.more img {width: 9px;}
.post-wrap .post-content #bts_wrap .section .conDot {width: 20px;height: 20px;left: 3.2%; top: 1.5%;}
.post-wrap .post-content #bts_wrap .section6 .txtBox3, .section16 .txtBox3, .section19 .txtBox3 {font-size: 19px;}
.post-wrap .post-content #bts_wrap .section1 .txtBox2 ul li {font-size: 15px; margin-left: 18%;}


}/* 640px */

@media only screen and (max-width: 560px){

.post-wrap .post-content #bts_wrap .section .conBox .title .titleTxt {font-size: 20px; padding: 6px 18px 5px;}
.post-wrap .post-content #bts_wrap .section .conBox .title .conDate {font-size: 14px;}
.post-wrap .post-content #bts_wrap .section .txtBox {font-size: 16px;}
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd span {font-size: 19px;}
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd.color01,
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd.color02,
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd.color03 {font-size: 14px !important;}
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd.more img {width: 9px;}
.post-wrap .post-content #bts_wrap .section .conDot {width: 20px;height: 20px;left: 3.2%; top: 1.5%;}
.post-wrap .post-content #bts_wrap .section6 .txtBox3, .section16 .txtBox3, .section19 .txtBox3 {font-size: 19px;}
.post-wrap .post-content #bts_wrap .section1 .txtBox2 ul li {font-size: 14px; margin-left: 16%; margin-bottom: 1%;}
.post-wrap .post-content #bts_wrap .section1 .txtBox2 ul li .dot {vertical-align: middle;width: 16px;height: 16px;}
.post-wrap .post-content #bts_wrap .section1 .txtBox2 {padding: 2.5% 0% 10% !important;}
.post-wrap .post-content #bts_wrap .section .conBox {padding-left: 8%;}
.post-wrap .post-content #bts_wrap .section6 .txtBox3 .conDot03,
.post-wrap .post-content #bts_wrap .section16 .txtBox3 .conDot03,
.post-wrap .post-content #bts_wrap .section19 .txtBox3 .conDot03 {left: -8.6%; top: 14% !important;}
.post-wrap .post-content #bts_wrap .section20 .conDot02 {left: -8.2% !important;}
.post-wrap .post-content #bts_wrap .section7 .conDot03 {left: -8.6% !important; top: 12% !important;}


}/* 560px */

@media only screen and (max-width: 480px){

.post-wrap .post-content #bts_wrap .section .conBox .title .titleTxt {font-size: 18px; padding: 5px 15px 4px;}
.post-wrap .post-content #bts_wrap .section .conBox .title .conDate {font-size: 12px;}
.post-wrap .post-content #bts_wrap .section .txtBox {font-size: 15px;}
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd span {font-size: 18px;}
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd.color01,
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd.color02,
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd.color03 {font-size: 14px !important;}
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd.more img {width: 10px;}
.post-wrap .post-content #bts_wrap .section .conDot {width: 20px;height: 20px;left: 3.2%; top: 1.5%;}
.post-wrap .post-content #bts_wrap .section6 .txtBox3, .section16 .txtBox3, .section19 .txtBox3 {font-size: 18px;}
.post-wrap .post-content #bts_wrap .section19 .conBox {padding-bottom: 13% !important;}
.post-wrap .post-content #bts_wrap .section20 .conDot02 {left: -8.6% !important; top: 18% !important;}
.post-wrap .post-content #bts_wrap .section7 .conDot03 {top: 8% !important;}
.post-wrap .post-content #bts_wrap .section1 .txtBox1 {padding: 4% 4%;}



}/* 480px */

@media only screen and (max-width: 420px){

.post-wrap .post-content #bts_wrap .section .txtBox {font-size: 11px;letter-spacing: -0.5px;}
.post-wrap .post-content #bts_wrap .section1 .txtBox2 ul li {font-size: 11px;margin-left: 13%;margin-bottom: 0%;}
.post-wrap .post-content #bts_wrap .section1 .txtBox2 ul li .dot {vertical-align: middle;width: 12px;height: 12px;}
.post-wrap .post-content #bts_wrap .section1 .txtBox2 {padding: 0% 0% 10% !important;}
.post-wrap .post-content #bts_wrap .section .conDot {width: 18px; height: 18px;left: 2.4%;top: 1.3%;}
.post-wrap .post-content #bts_wrap .section .txtBox2 dl dd span {font-size: 15px;}
.post-wrap .post-content #bts_wrap .section5 .conBox .titleTxt {}
.post-wrap .post-content #bts_wrap .section6 .txtBox3, .section16 .txtBox3, .section19 .txtBox3 {font-size: 15px; letter-spacing: -1px;}



}/* 420px */