/*
THEME NAME: ayoungkim
VERSION: 1.0
AUTHOR: hongxkim
AUTHOR URI: http://hongxkim.com
*/
@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family:"go Light";
    src:url("font/go-Light.woff2") format("woff2"),url("font/go-Light.woff") format("woff"),url("font/go-Light.otf") format("opentype");
    font-style:normal;
}

img{
border: 0px; max-width:1200px;
}
.workimg a {border:0px;}
.workimg a:hover {border-bottom:0px solid;}
html, body{overflow-x: hidden}
body {font-family:'go Light', 'Noto Sans KR', san-serif; font-size:18px; line-height:1.35; padding:0; margin:0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; word-break: keep-all;}

a {text-decoration:none; color:black; border: none; outline: none;}
a:hover {color: #00F; text-decoration:none !important; }
img{padding-bottom: 5px;}
.menu a {text-decoration:none; color:black; border: none; outline: none;}
.menu a:hover {border-bottom:1px solid; padding-bottom: 2px; color:black; }

.currentmenu{border-bottom:1px solid; padding-bottom: 2px;}

div#container{width:100%; padding:0; margin:0; position: relative;}
div#content{width:100%; padding:0; margin:0; position: relative;}

div#imgindex {
	position:relative;
	padding: 0 0 0 0;
	width:100%;
}

div#catview {
	position:relative;
	padding: 0 0 0 0;
	width:100%;
	}

	
/*masonry_selector */
.box {float: left; font-size: 0;}
.box h1{font-size:15px; line-height:inherit; font-weight:normal; margin:0 0 10px 0; padding-top:0px;}

/*masonry_index*/
.menu{vertical-align: top; width:140px; font-size:18px; line-height:1.35; margin:10px 10px 10px 10px; padding:0;}
.category-1col{width:220px; margin:10px 0px 0px 10px; padding:0;}
.category-2col{width:380px; margin:10px 0px 0px 10px; padding:0;}
.category-3col{width:540px; margin:10px 0px 0px 10px; padding:0;}

/*color*/
.category-red {color:red;}
.category-red a {text-decoration:none; color:red;}
.category-red a:hover { border-bottom:1px solid red;}
.category-orange {color:orange;}
.category-orange a {text-decoration:none; color:orange;}
.category-orange a:hover { border-bottom:1px solid orange;}
.category-blue {color:blue;}
.category-blue a {text-decoration:none; color:blue;}
.category-blue a:hover { border-bottom:1px solid blue;}
.category-grey {color:grey;}
.category-grey a {text-decoration:none; color:grey;}
.category-grey a:hover { border-bottom:1px solid grey;}
.category-purple {color:#60F;}
.category-purple a {text-decoration:none; color:#60F;}
.category-purple a:hover { border-bottom:1px solid #60F;}
.category-green {color:green;}
.category-green a {text-decoration:none; color:green;}
.category-green a:hover { border-bottom:1px solid green;}
.category-pink {color:#F0F;}
.category-pink a {text-decoration:none; color: #F0F;}
.category-pink a:hover { border-bottom:1px solid #F0F;}
.category-cyon {color:#00F;}
.category-cyon a {text-decoration:none; color:#00F;}
.category-cyon a:hover { border-bottom:1px solid #00F;}
.category-yellow {color:#FC0;}
.category-yellow a {text-decoration:none; color: #FC0;}
.category-yellow a:hover { border-bottom:1px solid #FC0;}
.category-magenta {color:magenta;}
.category-magenta a {text-decoration:none; color:magenta;}
.category-magenta a:hover { border-bottom:1px solid magenta;}



/*masonry_news*/
.news{border-top:1px solid; margin-top:62px;}
.news h1{font-weight:normal; font-size:15px; line-height:inherit; }
.news h2{font-weight:normal; font-size:15px; line-height:inherit; }

/*newsbar*/
div#newsbar {
	position:relative; float:right;
	padding: 35px 15px 0px 15px;
	width:180px; background-color:black;
	margin:0px 30px 50px 30px;
	color:white;
}
div#newsbar a{color:white;}
div#newsbar a:hover{color:grey;}

div#newsbar h1 {
font-weight:normal; font-size:15px; line-height:inherit;
}
div#newsbar h2 {
font-weight:normal; font-size:15px; line-height:inherit;  border-top:1px solid white; padding-top:11px;
}
div#newsbar h3 {
font-weight:normal; font-size:15px; line-height:inherit; display:none;
}

/*newsbutton*/
div#newsbutton {
	position: absolute; right:0; text-align:left;
	padding: 0px 1% 0 1%; width:14%;
}
div#newsbutton h1{font-weight:normal; font-size:19px;
}

/*newslist*/
#newslist{ padding-top:10px;}
#newslist_title{width:65%; border-top:1px solid black; padding-right:1%; position:relative; float:left; padding:3px 5% 3px 0;}
#newslist_year{width:25%; border-top:1px solid black; position:relative; float:left; padding:3px 1% 3px 0;}
#newscontents{ padding-top:10px; border-top:1px solid black; position:relative; width:91%; float:left; padding-right:1%; padding:5px 5% 60px 0;}

/*publishlist*/
#publishlist{padding-bottom:20px; width:100%; position:relative; float:left; }
#publishlist_img{width:25%; padding:10px 5% 3px 0; position:relative; float:left; border-top:1px solid black;}
#publishlist_title{width:65%; padding:10px 1% 3px 0; position:relative; float:left; border-top:1px solid black;}

/*search*/
#searchlist{padding-bottom:20px; width:100%; position:relative; float:left;}
#searchlist_title{width:25%; border-top:1px solid black; position:relative; float:left; padding:10px 5% 3px 0; font-size:18px; line-height:1.35;}
#searchlist_content{width:64%; border-top:1px solid black; position:relative; float:left; padding:0px 1% 3px 0;}

.searchform {
background:#fff;
color:#666;
border:1px solid #000;
padding:2px;
width:95px;
font-size:18px;
}


div#postview{
	width:100%;
}



/*single*/
div#entry{width:calc(100% - 170px); max-width:1100px; float:left; position:relative; margin-top:10px;}
div#entry_page{width:calc(100% - 170px); max-width:1100px; float:left; position:relative; margin-top:10px;}
.entry_title{font-size:28px; line-height:1.3; margin-bottom:42px; width:100%; height:129px; float:left; position:relative;}
.entry_title_work{font-size:28px; line-height:1.3; margin-bottom:42px; width:100%; height:129px; float:left; position:relative;}

div#entry_6{width:calc(100% - 170px); max-width:1100px; float:left; position:relative; margin-top:10px;}
.entry_6_title{font-size:28px; line-height:1.3; margin-bottom:42px; width:100%; height:129px; float:left; position:relative;}

div#entry_post{width:100%; color:black;}

div#entry_text{width:460px; float:left; margin-right:10px; margin-top:-15px;}
div#entry_img{width:460px; float:left;}
div#entry_img li{ list-style:none; margin-bottom:10px;}

blockquote{width:70%; padding:0; margin:0 0 0 30%; font-size: 0.8em;  }

/* Page Nave */
.nav-below_index{position:relative; padding:0 0 0 10px;}
.wp-pagenavi{margin: 0; padding: 50px 0 50px 0;}
.nextpostslink, .previouspostslink, .page{border:none !important;}
.current{font-weight: normal !important; border:none !important; background-color: #ddd}

/*text*/

.entry_3col {width:30%; padding:10px 0 0 0; margin:0 3% 30px 0; float:left; position:relative; border-top:1px solid black;}
.entry_3col h1{font-size:15px; line-height:inherit; font-weight:normal; padding-top:0; margin-top:-8px;}
.entry_2col {width:46.5%; padding:10px 0 0 0; margin:0 3% 30px 0; float:left; position:relative; border-top:1px solid black;}
.entry_2col h1{font-size:15px; line-height:inherit; font-weight:normal; padding-top:0; margin-top:-8px;}
.entry_2-3col {width:63%; padding:10px 0 0 0; margin:0 3% 30px 0; float:left; position:relative; border-top:1px solid black;}
.entry_2-3col h1{font-size:15px; line-height:inherit; font-weight:normal; padding-top:0; margin-top:-8px;}
.entry_2-2col {width:96%; padding:10px 0 0 0; margin:0 3% 30px 0; float:left; position:relative; border-top:1px solid black;}
.entry_2-2col h1{font-size:15px; line-height:inherit; font-weight:normal; padding-top:0; margin-top:-8px;}

.entry_inner_devider{width:100%; padding:10px 0 0 0; margin:30px 0 0 0; border-top:1px solid black;}

.entry_wrapper {width:100%; position:relative;}
.entry_wrapper_book{width:97%;}
.img_inner_2col_left {width:48%; padding:0px 0 20px 0; margin:0 4% 0 0; float:left; position:relative;}
.img_inner_2col_right {width:48%; padding:0px 0 20px 0; margin:0 0 0 0; float:left; position:relative;}

.img_inner_4col_left {width:22.75%; padding:0px 0 20px 0; margin:0 3% 0 0; float:left; position:relative;}
.img_inner_4col_right {width:22.75%; padding:0px 0 20px 0; margin:0 0 0 0; float:left; position:relative;}

.img_3col {width:30%; padding:10px 0 0 0; margin:0 3% 30px 0; float:left; position:relative;}
.img_3col h1{font-size:15px; line-height:inherit; font-weight:normal; padding-top:0; margin-top:-8px;}
.img_2col {width:46.5%; padding:10px 0 0 0; margin:0 3% 30px 0; float:left; position:relative;}
.img_2col h1{font-size:15px; line-height:inherit; font-weight:normal; padding-top:0; margin-top:-8px;}
.img_2-3col {width:63%; padding:10px 0 0 0; margin:0 3% 30px 0; float:left; position:relative;}
.img_2-3col h1{font-size:15px; line-height:inherit; font-weight:normal; padding-top:0; margin-top:-8px;}
.img_2-2col {width:96%; padding:10px 0 0 0; margin:0 3% 30px 0; float:left; position:relative;}
.img_2-2col h1{font-size:15px; line-height:inherit; font-weight:normal; padding-top:0; margin-top:-8px;}


.kr{font-size:17px; line-height:1.7;}
.eng {font-size:18px; line-height:1.35;}
.ita{ font-style:italic; }
.bd, strong, b{font-family:'Noto Sans KR', san-serif; font-weight:500; font-style: normal;}

.underline{ border-bottom:1px solid; padding-bottom: 2px; }
.underline a{ border-bottom:1px solid; padding-bottom: 2px;}
.underline a:hover{ border-bottom:0px solid; color: #00F; }

.caption{font-size:14px; line-height:1.35; margin-top:5px;}


#list{width:96%;}
.list_separator1{width:80%; border-top:1px solid black; position:relative; float:left; padding:3px 1% 3px 0; text-align:left; text-transform:uppercase;}
.list_separator2{width:19%; border-top:1px solid black; position:relative; float:left; padding:3px 0 3px 0; text-align:left; text-transform:uppercase;}
.list_title{width:80%; border-top:1px solid black; position:relative; float:left; padding:3px 1% 3px 0;}
.list_subtitle{width:75%; border-top:1px solid black; position:relative; float:left; padding:3px 1% 3px 5%;}
.list_year{width:19%; border-top:1px solid black; position:relative; float:left; padding:3px 0 3px 0;}
.list_spacer{width:100%; height:50px; position:relative; float:left;}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{padding:0;}
        #cboxLoadingGraphic{background:url(loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(controls.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}


@media screen and (max-width: 600px) {
/*masonry_selector */
.box {float: left; font-size: 0;}
.box h1{font-size:15px; line-height:inherit; font-weight:normal; margin:0 0 10px 0; padding-top:0px;}

/*masonry_index*/
.menu{vertical-align: top; width:140px; font-size:15px; line-height:1.35; margin:10px 10px 10px 10px; padding:0;}
.category-1col{width:calc(100% - 20px); margin:10px 10px 10px 10px; padding:0;}
.category-2col{width:calc(100% - 20px); margin:10px 10px 10px 10px; padding:0;}
.category-3col{width:calc(100% - 20px); margin:10px 10px 10px 10px; padding:0;}

/*newsbar*/
div#newsbar {
  position:relative; float:left;
  padding: 10px 10px 10px 10px;
  width:calc(100% - 20px); background-color:black;
  margin:0px 0px 20px 0px;
  color:white;
}
div#newsbar a{color:white;}
div#newsbar a:hover{color:grey;}

div#newsbar h1 {
font-weight:normal; font-size:15px; line-height:inherit;
}
div#newsbar h2 {
font-weight:normal; font-size:15px; line-height:inherit;  border-top:1px solid white; padding-top:11px;
}
div#newsbar h3 {
font-weight:normal; font-size:15px; line-height:inherit; display:none;
}

/*newsbutton*/
div#newsbutton {
  position: absolute; right:0; text-align:left;
  padding: 0px 1% 0 1%; width:14%;
}
div#newsbutton h1{font-weight:normal; font-size:18px;
}

/*newslist*/
#newslist{ padding-top:10px; margin-left: 10px;}
#newslist_title{width:calc(100% - 10px); border-top:1px solid black; position:relative; float:left; padding:3px 0% 3px 0;}
#newslist_year{width:0; display: none; border-top:1px solid black; position:relative; float:left; padding:3px 1% 3px 0;}
#newscontents{ border-top:1px solid black; position:relative; width:91%; float:left; padding:5px 5% 60px 0; margin-left:10px;}

/*publishlist*/
#publishlist{padding-bottom:20px; width:100%; position:relative; float:left; }
#publishlist_img{width:25%; padding:10px 5% 3px 0; position:relative; float:left; border-top:1px solid black;}
#publishlist_title{width:65%; padding:10px 1% 3px 0; position:relative; float:left; border-top:1px solid black;}

/*search*/
#searchlist{padding-bottom:20px; width:100%; position:relative; float:left;}
#searchlist_title{width:25%; border-top:1px solid black; position:relative; float:left; padding:10px 5% 3px 0; font-size:15px; line-height:1.35;}
#searchlist_content{width:64%; border-top:1px solid black; position:relative; float:left; padding:0px 1% 3px 0;}

.searchform {
background:#fff;
color:#666;
border:1px solid #000;
padding:2px;
width:95px;
font-size:15px;
}

/*single*/
div#entry{width:calc(100% - 10px); float:left; position:relative; margin-top:10px;}
div#entry_page{width:calc(100% - 10px); float:left; position:relative; margin-top:10px;}
.entry_title{font-size:26px; line-height:1.3; margin:0 0 42px 10px; width:calc(100% - 20px); height:auto; float:left; position:relative;}
.entry_title_work{font-size:26px; line-height:1.3; margin:0 0 42px 0px; width:calc(100% - 20px); height:auto; float:left; position:relative;}

div#entry_6{width:calc(100% - 10px); float:left; position:relative; margin-top:10px; }
.entry_6_title{font-size:26px; line-height:1.3; margin:0 0 42px 10px; width:calc(100% - 20px); height:auto; float:left; position:relative;}

div#entry_post{width:100%; color:black;}

div#entry_text{width:460px; float:left; margin-right:10px; margin-top:-15px;}
div#entry_img{width:460px; float:left;}
div#entry_img li{ list-style:none; margin-bottom:10px;}

/* Page Nave */
.nav-below_index{position:relative; padding:0 0 0 10px;}
.wp-pagenavi{margin: 0; padding: 50px 0 50px 10px;}
.nextpostslink, .previouspostslink, .page{border:none !important;}
.current{font-weight: normal !important; border:none !important; background-color: #ddd}

/*text*/

.entry_3col {width:calc(100% - 10px); padding:10px 0 0 0; margin:0 0 30px 0; float:left; position:relative; border-top:1px solid black;}
.entry_3col h1{font-size:13px; line-height:inherit; font-weight:normal; padding-top:0; margin-top:-8px;}
.entry_2col {width:calc(100% - 10px); padding:10px 0 0 0; margin:0 0 30px 0; float:left; position:relative; border-top:1px solid black;}
.entry_2col h1{font-size:13px; line-height:inherit; font-weight:normal; padding-top:0; margin-top:-8px;}
.entry_2-3col {width:calc(100% - 10px); padding:10px 0 0 0; margin:0 0 30px 0; float:left; position:relative; border-top:1px solid black;}
.entry_2-3col h1{font-size:13px; line-height:inherit; font-weight:normal; padding-top:0; margin-top:-8px;}
.entry_2-2col {width:calc(100% - 10px); padding:10px 0 0 0; margin:0 0 30px 0; float:left; position:relative; border-top:1px solid black;}
.entry_2-2col h1{font-size:13px; line-height:inherit; font-weight:normal; padding-top:0; margin-top:-8px;}

.entry_inner_devider{width:100%; padding:10px 0 0 0; margin:30px 0 0 0; border-top:1px solid black;}

.entry_wrapper {width:100%; position:relative;}
.entry_wrapper_book{width:calc(100% - 20px); margin:0 10px 0 10px;}
.img_inner_2col_left {width:48%; padding:0px 0 20px 0; margin:0 4% 0 0; float:left; position:relative;}
.img_inner_2col_right {width:48%; padding:0px 0 20px 0; margin:0 0 0 0; float:left; position:relative;}

.img_inner_4col_left {width:22.75%; padding:0px 0 20px 0; margin:0 3% 0 0; float:left; position:relative;}
.img_inner_4col_right {width:22.75%; padding:0px 0 20px 0; margin:0 0 0 0; float:left; position:relative;}

.img_3col {width:calc(100% - 10px); padding:10px 0 0 0; margin:0 0 30px 0; float:left; position:relative;}
.img_3col h1{font-size:13px; line-height:inherit; font-weight:normal; padding-top:0; margin-top:-8px;}
.img_2col {width:calc(100% - 10px); padding:10px 0 0 0; margin:0 0 30px 0; float:left; position:relative;}
.img_2col h1{font-size:13px; line-height:inherit; font-weight:normal; padding-top:0; margin-top:-8px;}
.img_2-3col {width:calc(100% - 10px); padding:10px 0 0 0; margin:0 0 30px 0; float:left; position:relative;}
.img_2-3col h1{font-size:13px; line-height:inherit; font-weight:normal; padding-top:0; margin-top:-8px;}
.img_2-2col {width:calc(100% - 10px); padding:10px 0 0 0; margin:0 0 30px 0; float:left; position:relative;}
.img_2-2col h1{font-size:13px; line-height:inherit; font-weight:normal; padding-top:0; margin-top:-8px;}


.kr{font-size:15px; line-height:1.7;}
.eng {font-size:15px; line-height:1.35;}
.ita{ font-style:italic; }
.bd, strong, b{font-family:'Noto Sans KR', san-serif; font-weight:500; font-style: normal;}

.underline{ border-bottom:1px solid; padding-bottom: 2px; }
.underline a{ border-bottom:1px solid; padding-bottom: 2px;}
.underline a:hover{ border-bottom:0px solid; color: #00F; }

.caption{font-size:13px; line-height:1.35; margin-top:5px;}


#list{width:100%; margin-left: 0}
.list_separator1{width:100%; border-top:1px solid black; position:relative; float:left; padding:3px 0 3px 0; text-align:left; text-transform:uppercase;}
.list_separator2{display:none; width:0%; border-top:1px solid black; position:relative; float:left; padding:3px 0 3px 0; text-align:left; text-transform:uppercase;}
.list_title{width:100%; border-top:1px solid black; position:relative; float:left; padding:3px 0px 3px 0px;}
.list_subtitle{width:100%; border-top:1px solid black; position:relative; float:left; padding:3px 0px 3px 0px;}
.list_year{display:none; width:0%; border-top:1px solid black; position:relative; float:left; padding:3px 0 3px 0;}
.list_spacer{width:100%; height:50px; position:relative; float:left;}


.entry_wrapper iframe{width:100% !important; height: 500px !important; }


}

@media screen and (min-width: 1800px) {

}