@charset "utf-8";
@import url(https://cdn.rawgit.com/studio392/NanumSquareRound/master/NanumSquareRound.css); 
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
/* reset*/
article, aside, figure, figure img,figcaption, hgroup,
footer, header, nav, section, video, object {display:block;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,heade,nav,aside,section,article,footer,a
{ margin:0;  padding:0; }
table {border-collapse:collapse; border-spacing:0;}
input,select { vertical-align:top; padding:0;}
fieldset,img {border:0; vertical-align:top;}
address,caption,cite,code,dfn,var {font-style:normal; font-weight:normal; }
ol,ul,li {list-style: none; }

caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight:normal;}
q:before,q:after {content:"";}
a{text-decoration:none;}
em { font-style:normal; }
body {overflow-x:hidden;margin:0;padding:0;}
/* reset*/
.temporarys{display:none; position:fixed; left:10px top:10px; color:red; font-size:15px; font-weight:bold; z-index:99999999;}
.temporarys i{font-size:12px; font-weight:normal; font-style:normal;}
/*font-family: "Nanum Gothic", sans-serif;*/
/*Selection*/
::-moz-selection { /* Code for Firefox */
color: #1a1a1a;background: #ffe046;}
::selection {/*color: #fff;background: #0049c0;*/}

html,body{height:100%;}



#bg {backface-visibility: hidden; height:100%;left:0%; position:relative;
    top:0%; transform: translateZ(0px) translate3d(0px, 0px, 0px);
    transform-style: preserve-3d;width: 100%;   bottom: 545.55px; opacity:1;}
#bg_s {backface-visibility: hidden; height:736px; left:0%; position:relative;
    top:0%; transform: translateZ(0px) translate3d(0px, 0px, 0px);
    transform-style: preserve-3d;width: 100%;   bottom: 545.55px; opacity:1;}


.mVideoLiii{height:736px; background-color:#1149a4;}

.ListsPager{text-align:center; margin-top:45px; margin-bottom:40px;}
.ListsPager ul{overflow:hidden; display:inline-block;}
.ListsPager ul li{float:left;}
.ListsPager ul li.pN{width:30px; height:30px; background-color:#e9e9e9; text-align:center;font-family: 'NanumSquare', sans-serif;   box-sizing: border-box;  font-size:14px;}
.ListsPager ul li.pN a{color:#6e6e6e; display:block; width:30px; height:30px; box-sizing: border-box; padding-top:7px; transition:all 0.2s;}
.ListsPager ul li.pN a.active{background-color:#636363; color:#fff;}
.ListsPager ul li.pN a:hover{background-color:#979797; color:#fff;}
.ListsPager ul li+li{margin-left:2px;}
.forWid1{width:33%;}
.forWid2{width:33%;}
.forWid3{width:33%;}
.topGnb_BG{background-color: rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position:absolute; z-index: 10; width:100%; height:76px; left:0; top:0;}
.soundEmbed{visibility:hidden; display:none;}
.blueLine{height:4px; background-color:#1149a4; }
#bk{/*height:100%; */position:relative; display:none; background-color:#978d7e;z-index:50; top:0px;line-height:0; font-size:0;}
#bk .opacity{display:none; width:100%; height:100%; z-index:2; position:fixed; left:0; bottom:0; top:0; background:url('../images/opacity_bg.png') repeat;}
#bk ul{line-height:0; font-size:0;}
#bk ul li{width:100%; height:100%; display:none; overflow:hidden; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0px; z-index:0; }
#bk ul li:first-child{display:block;}
#bk ul li img{width:0; height:0; position:fixed; left:-9999px; top:0; }

#bk_sub{display:none;height:600px;position:static; background-color:#978d7e;z-index:50;}
#bk_sub .opacity{display:none; width:100%; height:100%; z-index:2; position:fixed; left:0; bottom:0; top:0; background:url('../images/opacity_bg.png') repeat;}
#bk_sub ul li{width:100%; height:100%; display:none; overflow:hidden; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0px; z-index:0;}
#bk_sub ul li:first-child{display:block;}
#bk_sub ul li img{width:0; height:0; position:fixed; left:-9999px; top:0;}

.wrap{width:1070px; margin:0 auto; padding-top:52px; box-sizing:border-box;}
.topSection{position:relative;}
.logo{position:absolute; left:0; top:0;}
.gnb{width:380px; font-family: 'Open Sans', sans-serif; left:335px; position:absolute;}
.gnb tr td{height:13px; font-size:11px; }
.gnb tr td a{color:#363636;}
.gnb tr td a:hover{color:#000; text-decoration:underline;}
.gnb .active_drawing{background:url('../images/kim/bar.png') no-repeat 58px 7px;}
.gnb .active_painting{background:url('../images/kim/bar.png') no-repeat 58px 7px;}
.gnb .active_cv{background:url('../images/kim/bar.png') no-repeat 19px 6px;}
.gnb .active_contact{background:url('../images/kim/bar.png') no-repeat 58px 7px;}
.gnb .active_print{background:url('../images/kim/bar.png') no-repeat 36px 7px;}
.gnb .active_photo{background:url('../images/kim/bar.png') no-repeat 44px 7px;}
.gnb .active_installation{background:url('../images/kim/bar.png') no-repeat 81px 7px;}
.gnb .active_publication{background:url('../images/kim/bar.png') no-repeat 76px 7px;}
.gnb .active_collage{background:url('../images/kim/bar.png') no-repeat 53px 7px;}
.gnb .active_video{background:url('../images/kim/bar.png') no-repeat 38px 7px;}
.bottomSection{margin-top:135px;}
.mainVisual{overflow:hidden;}
.pagerDiv{text-align:center;}
.mainPager{overflow:hidden; width:53px; display:inline-block; padding-top:15px;}
.mainPager li{float:left;}
.mainPager li+li{margin-left:8px;}
.mainPager li a{display:inline-block;}
.copyright{font-family: 'Open Sans', sans-serif; color:#c5c5c5; font-size:10px; text-align:center; padding-top:55px; padding-bottom:80px;}

.drawingList_ul{overflow:hidden;}
.drawingList_ul li{float:left; width:49%; margin-left:3px; margin-bottom:3px;}
.drawingList_ul li img{width:100%;}
.drawingList_ul li a{display:inline-block; position:relative; font-family: 'Open Sans', sans-serif; }
.drawingList_ul li a p{opacity:0;  text-align:center; color:#fff; position:absolute; z-index:10; left:0%; width:100%; font-size:16px; }
.drawingList_ul li a span{background-color:rgba(0,0,0,0); display:inline-block; width:100%; height:100%; position:absolute;}

.view_top{height:auto; width:100%;}
.view_top img{width:100%;}
.view_content{width:1070px; margin:0 auto;font-family: 'Open Sans', sans-serif, 'NanumSquare'; }
.view_content h1{font-size:22px; box-sizing:border-box; padding-top:40px; padding-bottom:20px;}
.view_content p{font-size:11px; line-height:160%; color:#474747;}
.view_content p img{max-width:100%; padding-top:10px;}

.cv_content{}
.cv_content h1.hh0{padding-bottom:30px;}
.cv_content h1.hh1{padding-bottom:30px; padding-top:68px;}
.cv_content h1.hh2{padding-bottom:30px; padding-top:68px;}
.cv_content p{font-family: 'Open Sans', sans-serif, 'NanumSquare'; line-height:150%; color:#606060; font-size:13px;}
.cv_content .taeTable{color:#606060; font-size:13px;}
.cv_content .taeTable .tae01{width:60px; height:20px;}
.cv_content .taeTable .tae02{width:auto;}
.conNN{padding-bottom:5px; padding-top:20px;}
.contact_box input{
    cursor: pointer;
    display: inline-block;
    height: 2.5em;
    margin: 0;
    outline: medium none;
    padding: 0em 1% 0.05em;
    width: 100%;
    background: white none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color:#3f3f3f;
    font-size: .9em;
    background-color:#f0f0f0;
    font-family: 'Open Sans', sans-serif, 'NanumSquare';
    font-style: normal;
    font-weight: 100;
    box-sizing:border-box;
}
.contact_box textarea{
    cursor: pointer;
    display: inline-block;
    height: 16em;
    margin: 0;
    outline: medium none;
    padding: 1em 1% 0.05em;
    width: 100%;
    background: white none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color:#3f3f3f;
    font-size: .9em;
    background-color:#f0f0f0;
    font-family: 'Open Sans', sans-serif, 'NanumSquare';
    font-style: normal;
    font-weight: 100;
    box-sizing:border-box;
}
.sendDiv{padding-top:2px;}
.btn_send{background-color:#767676; color:#fff; font-family: 'Open Sans', sans-serif, 'NanumSquare';
display:inline-block; width:100%; padding-top:5px; padding-bottom:7px; text-align:center;
}

.writeTxtDiv{text-align:center; padding-top:20px;}
.btn_{background-color:#767676; color:#fff; font-family: 'Open Sans', sans-serif, 'NanumSquare';
display:inline-block; width:150px; padding-top:5px; padding-bottom:7px; text-align:center; transition:all 0.3s;
}
.btn_:hover{background-color:black;}

.writeTable{border-top:1px solid gray; width:100%;}
.writeTable tr td{padding-top:5px; padding-bottom:5px; border-bottom:1px solid gray;}
.writeTable tr td.wt01{width:20%;}
.writeTable tr td.wt02{width:80%;}
.conInp{
    cursor: pointer;
    display: inline-block;
    height: 2.5em;
    margin: 0;
    outline: medium none;
    padding: 0em 1% 0.05em;
    width: 100%;
    background: white none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color:#3f3f3f;
    font-size: .9em;
    background-color:#f0f0f0;
    font-family: 'Open Sans', sans-serif, 'NanumSquare';
    font-style: normal;
    font-weight: 100;
    box-sizing:border-box;
}
.conInp_txt{
    cursor: pointer;
    display: inline-block;
    height: 16em;
    margin: 0;
    outline: medium none;
    padding: 1em 1% 0.05em;
    width: 100%;
    background: white none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color:#3f3f3f;
    font-size: .9em;
    background-color:#f0f0f0;
    font-family: 'Open Sans', sans-serif, 'NanumSquare';
    font-style: normal;
    font-weight: 100;
    box-sizing:border-box;
}








/*모바일 모드에서 나오는 메뉴들*/
/*.yell_mobile_btn{display:none; position:absolute; right:0; top:0; z-index:999;} right:-323px;*/
.mobile_home_btn{display:none; position:fixed; right:0; top:0; z-index:999999999;}
.mobile_menu{display:none; position:fixed; right:-200px; top:0px;  background-color:#2b2218;  width:200px; z-index:9999999999; }
.mLogin{position:absolute; left:40px; top:18px; margin-top:7px;}
.mLogin a{font-family: 'NanumSquare', sans-serif;font-size:17px; color:#c4c4c4;}
.mJoin{position:absolute; left:110px; top:18px; margin-top:7px; border-left:1px solid #999; padding-left:22px;}
.mJoin a{font-family: 'NanumSquare', sans-serif;font-size:17px; color:#c4c4c4;}
.mobile_menu .m_close p{position:absolute; right:0px; top:0px; z-index:9999;}
.mobile_menu .mm a{font-family: 'NanumSquare', sans-serif;font-size:13px; color:white; padding-left:10px;}
/*.mobile_menu .mm a:hover{text-decoration:underline;}*/
.mobile_menu .mm img{padding-right:10px;}
.mobile_menu .nn a{padding-left:15%;display:block; font-family: 'NanumSquare', sans-serif; font-size:14px;
    color:#cacaca; font-weight:normal; height:22px; padding-top:10px; line-height:160%;}
/*.mobile_menu .nn a:hover{text-decoration:underline;}*/
.mobile_menu .mm_language{height:19px;padding-left:6%; padding-top:29px; padding-bottom:21px; 
    position:relative; width:94%;z-index:50;font-family: 'NanumSquare', sans-serif;}
.mobile_menu .mm_language a{color:#b6c5cf; font-size:14px;padding-left:10px;}
.mobile_menu .mm_language i{font-style:normal; color:gray;}
.mobile_menu .mm_language a.active{color:#3a85ff;}
.mobile_menu .nn_language{height:0px;padding-left:6%; padding-top:0px; overflow:hidden; margin-bottom:10px;
    position:relative; width:94%;z-index:50; font-family: 'NanumSquare', sans-serif; padding-top:8px;}
.mobile_menu .nn_language a{color:#fff; font-size:13px;padding-left:92px; display:block; height:24px;}
.mobile_menu .mm_login{ font-family: 'NanumSquare', sans-serif; padding-left:10%; position:relative; width:90%;z-index:50; margin-bottom:25px; margin-top:6px;}
.mobile_menu .mm_login a{color:#fff; font-size:13px; display:inline-block; *display:inline; zoom:1; padding-left: 10px;}
.mobile_menu .mm_login a#mo_Rev{padding-left:18px; background:url('../images/common/m_part.png') no-repeat 6px 3px;}
.mobile_menu .mm{padding-left:6%; width:94%; border-top:1px solid #767676; height:30px; padding-top:7px;position:relative; z-index:50;}
.mobile_menu .nn{/*display:none;*/ height:0px; overflow:hidden; position:relative; z-index:50;}
.mm_back{width:200px; background-color:#575757; position:absolute; left:0; top:0; z-index:20;}
.black_cover{display:none; background-color:#0e0e0e; width: 100%; height:100%; z-index:999998; 
    position:fixed; top:0; left:0; opacity:0;}
/*모바일 모드에서 나오는 메뉴들 끝*/































































































.select-box1 {background: #f0efef;}
.select-div{text-align:right; padding-right:16px;}
.select-box {
  cursor: pointer;
  position : relative;
  max-width:  10em;
  margin-bottom:15px;
  width: 100%;
  display:inline-block;
}

.select,
.label {text-align:left;
  color: #414141;
  display: block;
  font: 400 13px/1.5em 'Open Sans', sans-serif;
}

.select {
  width: 100%;
  position: absolute;
  top: 0;
  padding: 5px 0;
  height: 40px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  background: none transparent;
  border: 0 none;
}
.select-box1 {
  background: #f0efef;
}

.label {
  position: relative;
  padding: 5px 11px;
  cursor: pointer;
}
.open .label::after {
   content: "▲";
}
.label::after {
  content: "▼";
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px 11px;
  border-left: 5px solid #fff;
}