@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* body °øÅë ¼Ó¼º */
* {margin:0;padding:0;border:0;}
body {font-size:12px; letter-spacing:-1px; font-family: 'Nanum Gothic', sans-serif; '³ª´®°íµñ', '¸¼Àº °íµñ', Dotum; color:#666666; margin:0; padding:0;}
ul,ol,dl {list-style:none}
img {margin:0; padding:0; border:0; display:block;}
ul {list-style:none;}
table {border-collapse:collapse;}
body {background-repeat: no-repeat;}
a{text-decoration:none; #666666;}
a:link {color:#666666;}
a:hover {color:#000000; font-weight:400;}
a:visited {color:#666666;}
a:active {color:#666666;}
.hidden {width:0; height:0; margin:0; padding:0; overflow:hidden; font-size:0; visibility:hidden;}
.input_box {height:20px; vertical-align:middle; font-size:12px; font-family:'Nanum Gothic', sans-serif; '³ª´®°íµñ', '¸¼Àº °íµñ', Dotum; color:#666666; padding:3px; letter-spacing:-1px;}
.select_box {border:1px solid #d2d2d2; height:23px; padding:3px; margin-right:3px; vertical-align:middle; font-size:12px; font-family:Verdana,Tahoma,±¼¸²,Gulim, sans-serif; color:#666666; letter-spacing:-1px;}
.input_img {vertical-align:middle;}
html, body {
   height: 100%;
  }

#wraper {}

/* »ó´Ü¿µ¿ª */
#top_area {margin:0 auto; width:1191px; height:243px;} /* 20220321 */
/*#top_area {margin:0 auto; width:1191px; height:263px;}*/ /* 20200519 */
/*#top_area {margin:0 auto; width:1191px; height:145px;}*/

#top_area:after {content:""; display:block; clear:both;}
#header_wrap {width:100%; height:105px;}

.logo_wrap {float:left; background:#c9cc97; margin-top:44px; margin-left:14px;}  /* 20200519 */
/*.logo_wrap {float:left; background:#c9cc97; margin-top:63px; margin-left:14px;}*/

#top_right {float:right; width:297px; height:67px; margin-top:104px;} /* 20220321 */
/*#top_right {float:right; width:297px; height:67px; margin-top:137px;}*/ /* 20200519 */
/*#top_right {float:right; width:297px; height:67px; margin-top:37px;}*/
#top_right #top_menu {width:297px; height:30px;}
#top_right #top_menu li {float:left; font-size:18px; margin-left:15px; letter-spacing:0px;}

/*
#top_right #top_menu li a.login_out {display:block; width:84px; height:30px; background:url("/images/171107/top_menu_off.gif") 0 0 no-repeat; text-indent:-99999em;}
#top_right #top_menu li a:hover.login_out {display:block; width:84px; height:30px; background:url("/images/171107/top_menu_on.gif") 0 0 no-repeat; text-indent:-99999em;}
#top_right #top_menu li a.login {display:block; width:72px; height:30px; background:url("/images/171107/top_menu_off.gif") -84px 0 no-repeat; text-indent:-99999em;}
#top_right #top_menu li a:hover.login {display:block; width:72px; height:30px; background:url("/images/171107/top_menu_on.gif") -84px 0 no-repeat; text-indent:-99999em;}
#top_right #top_menu li a.my_page {display:block; width:93px; height:30px; background:url("/images/171107/top_menu_off.gif") -156px 0 no-repeat; text-indent:-99999em;}
#top_right #top_menu li a:hover.my_page {display:block; width:93px; height:30px; background:url("/images/171107/top_menu_on.gif") -156px 0 no-repeat; text-indent:-99999em;}
#top_right #top_menu li a.cart {display:block; width:58px; height:30px; background:url("/images/171107/top_menu_off.gif") -249px 0 no-repeat; text-indent:-99999em;}
#top_right #top_menu li a:hover.cart {display:block; width:58px; height:30px; background:url("/images/171107/top_menu_on.gif") -249px 0 no-repeat; text-indent:-99999em;}
#top_right #top_menu li a.help {display:block; width:62px; height:30px; background:url("/images/171107/top_menu_off.gif") -307px 0 no-repeat; text-indent:-99999em;}
#top_right #top_menu li a:hover.help {display:block; width:62px; height:30px; background:url("/images/171107/top_menu_on.gif") -307px 0 no-repeat; text-indent:-99999em;}
*/

#search {width:270px; height:27px; border:1px solid #8e8e8d; margin-left:12px; margin-top:8px;}
#search li {float:left;}
#search li input {width:232px;}


#gnb_area {margin:0 auto; width:1191px; height:40px; border-bottom:1px solid #706f6f; margin-top:50px;}
#gnb_area:after {content:""; display:block; clear:both;}
#gnb_wrap {width:100%;}
#gnb_wrap li {float:left; font-size:20px; letter-spacing:0px;}
#gnb_wrap li a.home {display:block; width:82px; height:32px; margin-right:22px; padding-top:8px; padding-left:25px;}
#gnb_wrap li a:hover.home {display:block; width:82px; height:32px; margin-right:22px; font-weight:bold;}
#gnb_wrap li a.about_us {display:block; width:112px; height:32px; margin-right:22px; padding-top:8px; padding-left:25px;}
#gnb_wrap li a:hover.about_us {display:block; width:112px; height:32px; margin-right:22px; font-weight:bold;}
#gnb_wrap li a.about_us_s {display:block; width:112px; height:32px; background:url("/images/171107/gnb3.gif") -119px 0 no-repeat; margin-right:22px; padding-top:8px; padding-left:25px;}
#gnb_wrap li a.artists {display:block; width:83px; height:32px; margin-right:22px; padding-top:8px; padding-left:25px;}
#gnb_wrap li a:hover.artists {display:block; width:83px; height:32px; margin-right:22px; font-weight:bold;}
#gnb_wrap li a.artists_s {display:block; width:83px; height:32px; background:url("/images/171107/gnb3.gif") -279px 0 no-repeat; margin-right:22px; padding-top:8px; padding-left:25px;}
#gnb_wrap li a.notice {display:block; width:83px; height:32px; margin-right:22px; padding-top:8px; padding-left:25px;}
#gnb_wrap li a:hover.notice {display:block; width:83px; height:32px; margin-right:22px; font-weight:bold;}
#gnb_wrap li a.notice_s {display:block; width:83px; height:32px; background:url("/images/171107/gnb3.gif") -409px 0 no-repeat; margin-right:22px; padding-top:8px; padding-left:25px;}
#gnb_wrap li a.contact {display:block; width:100px; height:32px; margin-right:22px; padding-top:8px; padding-left:25px;}
#gnb_wrap li a:hover.contact {display:block; width:100px; height:32px; margin-right:22px; font-weight:bold;}
#gnb_wrap li a.contact_s {display:block; width:100px; height:32px; background:url("/images/171107/gnb3.gif") -539px 0 no-repeat; margin-right:22px; padding-top:8px; padding-left:25px;}
#gnb_wrap li a.work {display:block; width:105px; height:32px; margin-right:22px; padding-top:8px; padding-left:25px;}
#gnb_wrap li a:hover.work {display:block; width:105px; height:32px; margin-right:22px; font-weight:bold;}
#gnb_wrap li a.work_s {display:block; width:105px; height:32px; background:url("/images/171107/gnb3.gif") -686px 0 no-repeat; margin-right:22px; padding-top:8px; padding-left:25px;}
#gnb_wrap li a.case {display:block; width:105px; height:32px; margin-right:22px; padding-top:8px; padding-left:25px;}
#gnb_wrap li a:hover.case {display:block; width:105px; height:32px; margin-right:22px; font-weight:bold;}
#gnb_wrap li a.case_s {display:block; width:105px; height:32px; background:url("/images/171107/gnb3.gif") -836px 0 no-repeat; margin-right:22px; padding-top:8px; padding-left:25px;}

#gnb_wrap p {float:right;}
#gnb_wrap a.gallery_stabile {display:block; width:163px; height:40px; background:url("/images/171107/btn_gallery_stabile_off.gif") 0 0 no-repeat; text-indent:-99999em; margin-right:23px;}
#gnb_wrap a:hover.gallery_stabile {display:block; width:163px; height:40px; background:url("/images/171107/btn_gallery_stabile_on.gif") 0 0 no-repeat; text-indent:-99999em; margin-right:23px;}
/*.page_name {float:right; font-size:18px; color:#000; font-weight:bold; margin-top:7px; margin-right:20px;}*/



.section {margin:0 auto; width:1191px; margin-top:70px;}
.section:after {content:""; display:block; clear:both;}
.section a{text-decoration:none; color:#666666;}
.section a:link {color:#000;}
.section a:hover {color:#000;}
.section a:visited {color:#000;}
.section a:active {color:#000;}
.section .sec_text {font-size:18px; color:#000; margin-top:30px; margin-bottom:15px; padding-left:50px; line-height:30px; letter-spacing:0px;}
.section .sec_text img {display:inline; position:relative; top:10px; padding:0px 7px 0px 10px;}
.section .sec_text em {font-style:normal; letter-spacing:1px;}
.section .sec_img {margin-left:24px;}
.section .sec_img li {float:left; margin-left:11px; padding:8px;}
.section .sec_img li:hover {background:url("/images/171107/main_over_img.gif") 0 0 no-repeat;}
.section .sec_img li p {display:inline-block; width:254px; height:281px; border:1px solid #9d9d9c; background:#ffffff;}
.section .sec_img li p img {display:block;}
.section .sec_img li p span {position:relative; top:-265px; left:15px; font-size:18px; color:000; font-weight:bold;}
.section .sec_img li p .view_more {display:block; position:relative; top:0px; left:0px; text-align:center; width:254px; font-size:18px; margin-top:100px; line-height:40px;}
.section .sec_img li p .view_more b {display:block; font-weight:normal; letter-spacing:0px;}
.section .sec_img .soldout_list {float:left; width:0; position:relative; top:0px; left:152px;}    /* 2019.07.25 ÀÌÁø±Ô ¼öÁ¤ */

.section2 {margin:0 auto; width:1148px; margin-top:70px;}
.section2:after {content:""; display:block; clear:both;}
.section2 a:link {color:#000;}
.section2 a:hover {color:#000;}
.section2 a:visited {color:#000;}
.section2 a:active {color:#000;}
.section2 .sec_text {font-size:18px; color:#000; margin-top:30px; margin-bottom:15px; padding-left:50px; line-height:30px; letter-spacing:0px;}
.section2 .sec_text img {display:inline; position:relative; top:10px; padding:0px 7px 0px 10px;}
.section2 .sec_text em {font-style:normal; letter-spacing:1px;}
.section2 .sec_img {margin-left:24px;}
.section2 .sec_img li {float:left; margin-left:11px; padding:8px;}
.section2 .sec_img li:hover {background:url("/images/171107/main_over_img.gif") 0 0 no-repeat;}
.section2 .sec_img li p {display:inline-block; width:254px; height:281px; border:1px solid #9d9d9c; background:#ffffff;}
.section2 .sec_img li p img {display:block;}
.section2 .sec_img li p span {position:relative; top:-265px; left:15px; font-size:18px; color:000; font-weight:bold;}
.section2 .sec_img li p .view_more {display:block; position:relative; top:0px; left:0px; text-align:center; width:254px; font-size:18px; margin-top:100px; line-height:40px;}
.section2 .sec_img li p .view_more b {display:block; font-weight:normal; letter-spacing:0px;}
.section2 .sec_img .soldout_list {float:left; width:0; position:relative; top:0px; left:152px;}       /* 2019.07.25 ÀÌÁø±Ô ¼öÁ¤ */

.section2 .sec_left {left: -22px; width: 610px; float: left; position: relative;}
.section2 .sec_left .sec_text {line-height: 34px;}
.section2 .sec_left .sec_link {top:10px; font-weight: bold; float: left; position: relative;}
.section2 .sec_right {width: 538px; float: right;}
.section2 .sec_right .a_img {border: currentColor; border-image: none; /*padding-left: 21px;*/ position: relative; top:85px; left: -45px;}

/* 2020.04.07 ÀÌÁø±Ô ¼öÁ¤ */
/*
.section2 .sec_left {float:left; width:568px; position:relative; left:-22px;}
.section2 .sec_left .sec_text {line-height:48px;}
.section2 .sec_left .sec_link {float:right; position:relative; top:68px; font-weight:bold;}
.section2 .sec_right {float:right; width:580px;}
.section2 .sec_right .a_img {border:none; padding-left:21px;}
*/
.section2 .sec_right li {float:left; margin-left:11px; padding:8px;}
.section2 .sec_right li:hover {background:url("/images/171107/main_over_img.gif") 0 0 no-repeat;}
.section2 .sec_right li p {display:inline-block; width:254px; height:281px; border:1px solid #9d9d9c; background:#ffffff;}
.section2 .sec_right li p img {display:block;}
.section2 .sec_right li p span {position:relative; top:-265px; left:15px; font-size:18px; color:000; font-weight:bold;}
.section2 .sec_right li p .view_more {display:block; position:relative; top:0px; left:0px; text-align:center; width:254px; font-size:18px; margin-top:100px; line-height:40px;}
.section2 .sec_right li p .view_more b {display:block; font-weight:normal; letter-spacing:0px;}
.section2 .sec_right .soldout_list {float:left; width:0; position:relative; top:0px; left:152px;}    /* 2019.07.25 ÀÌÁø±Ô ¼öÁ¤ */
.section2 .top_m {margin-top:50px;}

.section2 .sec_left2 {float:left; width:537px; margin-left:15px; margin-right:30px;}
.section2 .sec_left2 .b_img {padding-left:6px;}
.section2 .sec_right2 {float:left; width:500px;}
.section2 .sec_right2 .sec_text {line-height:48px; padding-left:0px;}
.section2 .sec_right2 .sec_link {float:left; position:relative; top:60px; font-weight:bold;}


/* Global Platform Ãß°¡ 20200519 */
.section3 {margin:0 auto; width:1191px; margin-top:35px; margin-bottom:120px;}
.section3:after {content:""; display:block; clear:both;}
.section3 .sec_tit_gp img {display:inline;}
.section3 .sec_tit_gp {text-align:center; margin-bottom:15px;}
.section3 .gp_link {height:115px; border-top:1px solid #706f6f; border-bottom:1px solid #706f6f;}
.section3 .gp_link li {float:left; margin-top:24px; padding-left:72px;}


/* theme */
#theme {margin:0 auto; width:1186px; margin-top:77px; margin-bottom:50px;}
#theme:after {content:""; display:block; clear:both;}
#theme div {margin-bottom:11px;}
#theme a {display:inline-block; line-height:105px; text-indent:-99999px;}
#theme .b_theme {display:inline-block; width:388px; line-height:105px; background:url("/images/171107/main_theme_btn.gif") 0 0 no-repeat; margin-right:5px; text-indent:-999999em;}
#theme a.b_abstract {width:391px; background:url("/images/171107/main_theme_btn.gif") -391px 0 no-repeat; margin-right:5px;}
#theme a.b_abstract:hover {background:url("/images/171107/main_theme_btn_over.gif") -391px 0 no-repeat;}
#theme a.b_semiabstract {width:392px; background:url("/images/171107/main_theme_btn.gif") -793px 0 no-repeat;}
#theme a.b_semiabstract:hover {background:url("/images/171107/main_theme_btn_over.gif") -793px 0 no-repeat;}

#theme a.b_nature {width:388px; background:url("/images/171107/main_theme_btn.gif") 0 -117px no-repeat; margin-right:5px;}
#theme a.b_nature:hover {background:url("/images/171107/main_theme_btn_over.gif") 0 -117px no-repeat;}
#theme a.b_flower {width:391px; background:url("/images/171107/main_theme_btn.gif") -391px -117px no-repeat; margin-right:5px;}
#theme a.b_flower:hover {background:url("/images/171107/main_theme_btn_over.gif") -391px -117px no-repeat;}
#theme a.b_other {width:392px; background:url("/images/171107/main_theme_btn.gif") -793px -117px no-repeat;}
#theme a.b_other:hover {background:url("/images/171107/main_theme_btn_over.gif") -793px -117px no-repeat;}


/* ºñÁ־󿵿ª */
#visual_area {margin:0 auto; width:100%; height:auto; text-align:center;}
#visual_area #owl-demo .item img {display:inline-block; width:100%; height:auto; max-height:450px;}


/*footer */
#footer {margin:0 auto; width:1191px; padding-bottom:20px;}
#footer:after {content:""; display:block; clear:both;}

/* 20200519 */
#footer .footer_menu {width:1148px; height:40px; padding-left:43px; background:url("/images/171107/footer_menu_bg.gif") 0 0 repeat-x;}
/*#footer .footer_menu {width:1028px; height:40px; padding-left:163px; background:url("/images/171107/footer_menu_bg.gif") 0 0 repeat-x;}*/
#footer .footer_menu li {float:left; margin-top:13px; margin-left:125px; font-size:13px;}

/* 20200519 */
#footer .footer_info li img {display:inline;}
#footer .footer_info li {padding-top:15px; font-size:13px; letter-spacing:0px; color:#636363; text-align:center;}
/*
#footer .footer_info {padding:11px 0px 0px 0px;}
#footer .footer_info li {float:left; margin-left:35px;}
#footer .footer_info li.footer_text {padding-top:5px; font-size:13px; line-height:24px; letter-spacing:0px; color:#636363;}
#footer .footer_info li.footer_text span {padding-left:30px;}
*/


/* ·Î±×ÀÎ */
#login_wrap {position:absolute; top:0px; left:0px; width:100%; height:100%; min-height:100%; background:url("/images/171107/login_bg.png") 0 0 repeat;}
#login_wrap .login_box {position:absolute; top:50%; left:50%; width:680px; height:425px; margin-left:-340px; margin-top:-213px; background:#b3b2b2 url("/images/171107/login_box_line.gif") center top no-repeat; opacity:1;}
#login_wrap .login_box .btn_close img {display:inline;}
#login_wrap .login_box .btn_close {width:100%; text-align:right;}
#login_wrap .login_box .join_area {float:left; width:300px; height:367px; margin-left:29px;}
#login_wrap .login_box .join_area .join_text {margin-top:105px; margin-left:25px;}
#login_wrap .login_box .join_area .join_btn {position:relative; top:93px; left:50%; margin-left:-64px; width:128px;}
#login_wrap .login_box .join_area .join_btn a {display:block; width:128px; height:57px;}
#login_wrap .login_box .join_area .join_btn a.btn_memberjoin {background:url("/images/171107/btn_join_login.gif") 0 0 no-repeat; text-indent:-99999em;}
#login_wrap .login_box .join_area .join_btn a:hover.btn_memberjoin {background:url("/images/171107/btn_join_login.gif") 0 -57px no-repeat; text-indent:-99999em;}

#login_wrap .login_box .login_area {float:left; height:307px; width:270px; padding-top:60px; padding-left:30px; margin-left:29px;}
#login_wrap .login_box .login_area li.login_text {padding-bottom:5px;}
#login_wrap .login_box .login_area li.login_form {padding-bottom:40px;}
#login_wrap .login_box .login_area .login_btn {position:relative; top:16px; top:7px\9; left:50%; margin-left:-90px; width:128px;}
#login_wrap .login_box .login_area .login_btn a {display:block; width:128px; height:57px;}
#login_wrap .login_box .login_area .login_btn a.btn_memberlogin {background:url("/images/171107/btn_join_login.gif") -128px 0 no-repeat; text-indent:-99999em;}
#login_wrap .login_box .login_area .login_btn a:hover.btn_memberlogin {background:url("/images/171107/btn_join_login.gif") -128px -57px no-repeat; text-indent:-99999em;}
#login_wrap .login_box .login_area .find_btn {margin-top:45px;}
#login_wrap .login_box .login_area .find_btn li {float:left;}
#login_wrap .login_box .login_area .find_btn a {display:block;}
#login_wrap .login_box .login_area .find_btn a.find_id {width:85px; height:25px; background:url("/images/171107/btn_find_id.gif") 0 0 no-repeat; text-indent:-999999em; margin-right:47px;}
#login_wrap .login_box .login_area .find_btn a:hover.find_id {width:85px; height:25px; background:url("/images/171107/btn_find_id_over.gif") 0 0 no-repeat; text-indent:-999999em; margin-right:47px;}
#login_wrap .login_box .login_area .find_btn a.find_pw {width:97px; height:25px; background:url("/images/171107/btn_find_pw.gif") 0 0 no-repeat; text-indent:-999999em;}
#login_wrap .login_box .login_area .find_btn a:hover.find_pw {width:97px; height:25px; background:url("/images/171107/btn_find_pw_over.gif") 0 0 no-repeat; text-indent:-999999em;}