@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(reset.css);

#wrap{width: 100%}
/* 헤더 */
#header{width: 100%;text-align: center;height: 142px;border-bottom: 1px solid #ebebeb;}
#header h1.logo{width: 100%;height: 80px;border-bottom: 5px solid #9082bc;}
#header h1.logo img{margin: 7px 0 0 0;}
#header ul.gnb:after{display: block;content: '';clear: both;}
#header ul.gnb{width: 100%}
#header ul.gnb li{float: left;text-align: center;}
#header ul.gnb li a{display: block;height: 55px;line-height: 55px;font-size: 13px;letter-spacing: -1px;color: #000;font-weight: 600;text-align: center;}
#header ul.gnb li.one{width: 17.59259259259%;}
#header ul.gnb li.two{width: 25%;}
#header ul.gnb li.three{width: 19.44444444444%;}
#header ul.gnb li.four{width: 17.59259259259%;}
#header ul.gnb li.five{width: 20.37037037037%;}
/* 헤더 */

/* 슬라이더 */
#content .slider{width: 100%;padding: 55px 0 55px 0;}

#content .slider .bxslider li{}
#content .slider .bxslider li img{width: 100%;}
#content .slider .bxslider li.one{background: url(../img/m_p_img/visual1.jpg) no-repeat center 0;-webkit-background-size: 100%;
background-size: 100%;}
#content .slider .bxslider li.two{background: url(../img/m_p_img/visual2.jpg) no-repeat center 0;-webkit-background-size: 100%;
background-size: 100%;}
#content .slider .bxslider li.three{background: url(../img/m_p_img/visual3.jpg) no-repeat center 0;-webkit-background-size: 100%;
background-size: 100%;}

.bx-wrapper{position: relative;width: 100%;}
.bx-wrapper .bx-viewport {position: absolute;top: 0;width: 100%;}
.bx-wrapper .bx-controls{width: 100%;height: 100px;position: absolute;top: 0;}
.bx-wrapper .bx-pager{position: absolute;top: -35px;width: 100%;z-index: 10000;}
.bx-wrapper .bx-pager .bx-pager-item{display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {text-indent: -9999px;display: block;background: url(../img/m_s_img/sl_pager.png) no-repeat 0 0;width: 15px;height: 15px;margin: 0 5px;}
.bx-wrapper .bx-pager.bx-default-pager a.active {background: url(../img/m_s_img/sl_pager_.png) no-repeat 0 0 ;width: 15px;height: 15px;}
/* 슬라이더 */

/* 푸터 */
#footer{width: 100%;height: 118px;background-color: #cdcdcd;}
#footer .container{padding: 20px 0 0 0}
#footer ul li{font-size: 12px;color: #1a1a1a;line-height: 18px;text-align: center;}
#footer ul li.copy{margin-top: 5px;}
/* 푸터 */

/* sub 공통 */
.sub_visual{width: 100%;height: auto;line-height: 0;}
.sub_visual img{width: 100%;height: auto;}
#content .padding{padding: 15px 15px 30px 15px;}
#content .padding.t_n{padding: 0 15px 30px 15px;}
#content ul.sub_nav{width: 100%;margin-bottom: 15px;}
#content ul.sub_nav:after{display: block;content: '';clear: both;}
#content ul.sub_nav li{position: relative;float: left;width: 50%;height: 48px;background-color: #c8c8c8;}
#content ul.sub_nav.exc li{width: 33.33333333333333%;}
#content ul.sub_nav li.last{width: 100%;}
#content ul.sub_nav li a{display: block;width: 100%;height: 48px;color: #fff;font-size: 16px;text-align: center;line-height: 48px;}
#content ul.sub_nav li.on{background-color: #9082bc;font-weight: 600;}


#content ul.sub_nav li .line_t{position: absolute;top: 0;width: 100%;height: 1px;background-color: #fff;}
#content ul.sub_nav li .line_b{position: absolute;bottom: 0;width: 100%;height: 1px;background-color: #fff;}
#content ul.sub_nav li .line_l{position: absolute;top: 0;left: 0;width: 1px;height: 48px;background-color: #fff;}
#content ul.sub_nav li .line_r{position: absolute;top: 0;right: 0;width: 1px;height: 48px;background-color: #fff;}

#content .sub_con h5{padding: 8px 0 20px 25px;font-size: 18px;font-weight: 600;background: url(../img/s_img/bullet_con_box_h5.gif) no-repeat 0 0;-webkit-background-size: 45px;
background-size: 45px;color: #757374;}
#content .sub_con .txt_box{padding: 20px 0;}
#content .sub_con .txt_box p{font-size: 14px;margin: 0 0 15px 0;letter-spacing: -1px;line-height: 22px;text-align: left;}

#content .sub_con .con{margin: 0 0 50px 0;}
#content .sub_con .img img{width: 100%;}
#content .sub_con .img2{text-align: center;margin: 0 0 25px 0;}
#content .sub_con .img2 img{width: 60%;}
#content .sub_con .img3{text-align: center;}
#content .sub_con .img3 img{width: 90%;margin: 0 auto;}
/* sub 공통 */

/* sub01(Company - 인사말) */
#content.sub01 ul.sub_nav{margin-bottom: 30px;}
#content.sub01 .sub_con .ceo_img{text-align: center;}
#content.sub01 .sub_con .txt_box p{text-align: center;}
#content.sub01 .sub_con .txt_box p strong{font-weight: normal;color: #d6328a;}
#content.sub01 .sub_con .txt_box p.greeting_txt{font-size: 18px;font-weight: 600;color: #d6328a;text-align: center;margin: 0 0 20px 0;}
#content.sub01 .sub_con .txt_box p.signature{width: 160px;margin: 0 auto;padding: 20px 0 10px 0;background: url(../img/s_img/signature_bg.gif) no-repeat 100% 0;-webkit-background-size: 40px;
background-size: 40px;}
#content.sub01 .sub_con .txt_box p.signature strong{color: #000;font-weight: 600;font-size: 18px;}
/* sub01(Company - 인사말) */

/* sub02(Company - 오시는 길) */
#content.sub02 ul.sub_nav{margin-bottom: 30px;}
#content.sub02 .sub_con #map img{width: 100%;}
#content.sub02 .sub_con .map{position: relative;width: 100%;height: 250px;overflow: hidden;}

#content.sub02 .sub_con .contact_box{text-align: center;margin: 50px 0 40px 0;}
#content.sub02 .sub_con .contact_box .c_logo{margin: 0 0 20px 0;}
#content.sub02 .sub_con .contact_box{}
#content.sub02 .sub_con .contact_box ul.con_li li{color: #2b2b2b;font-size: 15px;line-height: 20px;letter-spacing: 1px;}
#content.sub02 .sub_con .contact_box ul.con_li li.adr{margin: 0 0 8px 0;letter-spacing: 0;font-size: 15px;font-weight: 600;}
/* sub02(Company - 오시는 길) */


/* sub03(Color Theraphy - 컬러테라피란) */
#content.sub03 ul.sub_nav{margin-bottom: 0;}
#content.sub03 .sub_con{padding: 80px 0 20px 0;background: url(../img/s_img/sub03_con_box_bg.gif) no-repeat 100% 0;-webkit-background-size: 300px;
background-size: 300px;}
#content.sub03 .sub_con h5{margin: 0 0 20px 0;}
/* sub03(Color Theraphy - 컬러테라피란) */

/* sub04(Color Theraphy - 컬러테라피 프로그램) */
#content.sub04 .sub_con ul{margin: 0 0 20px 0;}
#content.sub04 .sub_con ul li{font-size: 13px;}
/* sub04(Color Theraphy - 컬러테라피 프로그램) */

/* sub05(Consulting - 컨설팅) */
#content.sub05 .sub_con .con{margin: 0 0 60px 0;}
#content.sub05 .sub_con p{margin: 0 0 5px 0;}
#content.sub05 .sub_con ul.ul_style1 li{font-size: 13px;line-height: 22px;padding: 0 0 0 10px;color: #5a66ae;background: url(../img/s_img/ul_style1_bullet.gif) no-repeat 4px center;-webkit-background-size: 2px;
background-size: 2px;}
#content.sub05 .sub_con .graphic{width: 310px;height: 170px;margin: 0 auto;}
#content.sub05 .sub_con .graphic:after{display: block;content: '';clear: both;}
#content.sub05 .sub_con .graphic .in{position: relative;float: left;width: 130px;height: 155px;background: url(../img/s_img/double_box_in.gif) no-repeat center center;}
#content.sub05 .sub_con .graphic .plus{float: left;width: 50px;height: 160px;text-indent: -9999px;background: url(../img/s_img/double_box_plus.gif) no-repeat center center;}
#content.sub05 .sub_con .graphic .out{position: relative;float: left;width: 130px;height: 155px;background: url(../img/s_img/double_box_out.gif) no-repeat center center;}

#content.sub05 .sub_con .graphic .subject{font-size: 14px;text-align: center;line-height: 16px;}
#content.sub05 .sub_con .graphic .title{width: 100%;position: absolute;bottom: -15px;font-size: 15px;font-weight: 600;text-align: center;}
#content.sub05 .sub_con .graphic .in .subject{padding: 63px 0 0 0;}
#content.sub05 .sub_con .graphic .out .subject{padding: 55px 0 0 0;}

#content.sub05 .sub_con .img{text-align: center;margin: 30px 0 0 0;}
#content.sub05 .sub_con .img img{width: 80%;margin: 0 auto;}
#content.sub05 .sub_con .img p.source{font-size: 12px;text-align: right;}
/* sub05(Consulting - 컨설팅) */

/* sub06(Consulting - 공간 컬러 컨설팅) */
#content.sub06 .sub_con .img{margin: 40px 0 0 0;}
/* sub06(Consulting - 공간 컬러 컨설팅) */

/* sub07(Consulting - 디자인 컨설팅) */
#content.sub07 ul.sub_nav{margin-bottom: 0;}
#content.sub07 .sub_con{padding: 80px 0 20px 0;background: url(../img/s_img/sub03_con_box_bg.gif) no-repeat 100% 0;-webkit-background-size: 300px;
background-size: 300px;}
#content.sub07 .sub_con h5{margin: 0 0 20px 0;}
/* sub07(Consulting - 디자인 컨설팅) */

/* sub09(Education - 컬러테라피스트 양성교육) */
#content.sub09 .sub_con ul.prog{}
#content.sub09 .sub_con ul.prog:after{display: block;content: '';clear: both;}
#content.sub09 .sub_con ul.prog li{float: left;}
#content.sub09 .sub_con ul.prog li p{text-align: center;}

#content.sub09 .sub_con ul.intro{width: 350px;margin: 0 auto;}
#content.sub09 .sub_con ul.intro li{width: 103.3333333333333px;height: 113.3333333333333px;margin: 0 10px 0 0;}
#content.sub09 .sub_con ul.intro li.one{padding: 0 10px 0 0;background: url(../img/s_img/ul_style1_emerald.gif) no-repeat 0 center;-webkit-background-size: 100%;
background-size: 100%;}
#content.sub09 .sub_con ul.intro li.two{padding: 0 10px 0 0;background: url(../img/s_img/ul_style1_blue.gif) no-repeat 0 center;-webkit-background-size: 100%;
background-size: 100%;}
#content.sub09 .sub_con ul.intro li.three{background: url(../img/s_img/ul_style1_orange.gif) no-repeat 0 center;margin-right: 0;-webkit-background-size: 100%;
background-size: 100%;}
#content.sub09 .sub_con ul.intro li p{font-size: 14px;line-height: 18px;margin: 5px 0 0 0;}
#content.sub09 .sub_con ul.intro li p.title{margin: 25px 0 0 0;font-size: 16px;font-weight: 600;}
#content.sub09 .sub_con ul.intro li.one p.title{color: #4eab8e;}
#content.sub09 .sub_con ul.intro li.two p.title{color: #76a3cc;}
#content.sub09 .sub_con ul.intro li.three p.title{color: #ee844a;}

#content.sub09 .sub_con ul.intro.two{width: 230px;margin: 0 auto;}
#content.sub09 .sub_con ul.intro.two li.one p.title{margin: 37px 0 0 0;}

#content.sub09 .sub_con ul.expert{width: 295px;margin: 0 auto;}
#content.sub09 .sub_con ul.expert li{margin: 0 5px 0 0;width: 83.3333333333333px;height: 133.3333333333333px;padding: 0 10px 0 0;}
#content.sub09 .sub_con ul.expert li.one{background: url(../img/s_img/ul_style2_1.gif) no-repeat center center;}
#content.sub09 .sub_con ul.expert li.two{background: url(../img/s_img/ul_style2_2.gif) no-repeat center center;}
#content.sub09 .sub_con ul.expert li.three{background: url(../img/s_img/ul_style2_3.gif) no-repeat center center;}
#content.sub09 .sub_con ul.expert li.four{background: url(../img/s_img/ul_style2_4.gif) no-repeat center center;}
#content.sub09 .sub_con ul.expert li.five{background: url(../img/s_img/ul_style2_5.gif) no-repeat center center;}
#content.sub09 .sub_con ul.expert li.six{padding: 0;background: url(../img/s_img/ul_style2_6.gif) no-repeat center center;margin: 0;}
#content.sub09 .sub_con ul.expert li p{font-size: 14px;margin: 8px 0 0 0;line-height: 18px;}
#content.sub09 .sub_con ul.expert li p.title{margin: 30px 0 0 0;font-weight: 600;color: #4d35a9;}
/* sub09(Education - 컬러테라피스트 양성교육) */