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

/* header.html */
#headerWrap{position: relative;width: 100%;min-width: 960px;height: 100px;z-index: 2100;background-color: #fff;}
#headerBg{position: absolute;top: 0;left: 0;z-index: 2000;width: 100%;height: 100px;}
#header{width: 100%;min-width: 960px;height: 100px;}
#header .container{position: relative;width: 960px;height: 100%;margin: 0 auto;display: flex; justify-content: space-between;}
#header .bottom_border{position: absolute;z-index: 2100;top: 100px;width: 100%;height: 1px;background-color: #d7d7d7;}
#header h1.logo{position: absolute;left: 0;top: 0; height: 100%; z-index: 3000; display: flex; align-items: center;}
#header h1.logo a {
  padding: 0;
  margin: 0;
  line-height: 0;
}
/* #header #gnbWrap{position: relative;width: 100%;height: 215px;}
#header #gnbWrap .megamenu_bg{display: none;position: absolute;left: 0;bottom: 0;width: 960px;margin: 0 auto;height: 215px;background: url(../img/s_img/megamenu_bg.gif) no-repeat center bottom;}
*/
#header ul.gnb{position: absolute;top: 0;right: 0;width: auto;background-color: #fff;}
#header ul.gnb:after{display: block;content: '';clear: both;}
#header ul.gnb li{position: relative;float: left;height: 100px;}
#header ul.gnb li.one a{width: 115px;}
#header ul.gnb li.two a{width: 160px;}
#header ul.gnb li.three a{width: 125px;}
#header ul.gnb li.four a{width: 120px;}
#header ul.gnb li.five a{width: 125px;}
#header ul.gnb li a{display: block;height: 100px;font-size: 17px;line-height: 95px;color: #000;font-weight: 600;text-align: center;letter-spacing: 0px;}
#header ul.gnb li ul{position: absolute;top: 100px;left: 0;border-top: 3px solid #9082bc;width: 100%;height: 75px;padding: 14px 0 0 0;background-color: #fafafa;}
#header ul.gnb li.one ul{width: 115px;}
#header ul.gnb li.two ul{width: 160px;}
#header ul.gnb li.three ul{width: 125px;height: 100px;}
#header ul.gnb li.four ul{width: 160px;left: -20px;}
#header ul.gnb li.five ul{width: 125px;}
#header ul.gnb li ul li{clear: both;text-align: left;width: 100%;height: 27px;}
#header ul.gnb li ul li a{text-align: center;display: block;width: 100%;height: 27px;font-size: 14px;color: #000;line-height: 30px;font-weight: normal;letter-spacing: -1px;}
#header ul.gnb li.four ul a{width: 160px;}
/* header.html */

/* index.html */
#content .slider_section{width: 100%;height: 600px;border-bottom: 1px solid #d7d7d7;}
#content .slider_section .bxslider{width: 100%;min-width: 1100px;height: 600px;}
#content .slider_section .bxslider li{width: 100%;height: 600px;min-width: 1100px;}
#content .slider_section .bxslider li.one{background: url(../img/p_img/main_visual1.jpg) no-repeat center center;}
#content .slider_section .bxslider li.two{background: url(../img/p_img/main_visual2.jpg) no-repeat center center;}
#content .slider_section .bxslider li.three{background: url(../img/p_img/main_visual3.jpg) no-repeat center center;}
#content .slider_section .bxslider li img{width: 100%;min-width: 1100px;}

#content .main_section{width: 960px;margin: 0 auto;}
#content .main_section .container{padding: 30px 0;}
#content .main_section .container:after{display: block;content: '';clear: both;}
#content .main_section .box{float: left;height: 181px;border: 1px solid #d7d7d7;}
#content .main_section .box.notice{width: 381px;border-right: 0;}
#content .main_section .box.gallery{width: 575px;}
#content .main_section .box .box_head{position: relative;width: 100%;height: 33px;border-bottom: 1px solid #d7d7d7;}
#content .main_section .box .box_head h3{font-size: 14px;color: #373737;letter-spacing: -1px;line-height: 33px;font-weight: 600;padding: 0 0 0 20px;}
#content .main_section .box .box_head a.more{position: absolute;top: 10px;right: 26px;}
#content .main_section .box .box_con{text-align: center;line-height: 188px;}

#content .main_section .box.notice .box_con .container{padding: 15px 25px 0 20px;}
#content .main_section .box.gallery .box_con .container{padding: 0;}
/* index.html */

/* sub.html(공통)*/
#content .visual_section{width: 100%;min-width: 960px;height: 250px;border-bottom: 1px solid #d7d7d7;text-align: center;background: url(../img/p_img/sub_visual1.jpg) no-repeat center center;}
#content .visual_section .container{width: 960px;margin: 0 auto;}
#content .visual_section h3{display: none;padding: 73px 0 20px 0;}
#content .visual_section h4{display: none;}

#content .con_section .container{width: 960px;margin: 0 auto;padding: 0 0 80px 0;}
#content .con_section .sub_nav{position: relative;height: 50px;}
#content .con_section .sub_nav ul{position: absolute;top: 22px;right: 0;}
#content .con_section .sub_nav ul:after{display: block;content: '';clear: both;}
#content .con_section .sub_nav ul li{float: left;font-size: 11px;font-weight: 600;}
#content .con_section .sub_nav ul li a{font-size: 13px;color: #4b4b4b;letter-spacing: 0;font-weight: 600;}
#content .con_section .sub_nav ul li.on a{color: #9082bc}

#content .con_section .sub_con{}
#content .con_section .sub_con:after{display: block;content: '';clear: both;}
#content .con_section .sub_con .sub_left{float: left;width: 193px;}
#content .con_section .sub_con .sub_right{float: left;position: relative;width: 767px;}

#content .con_section .sub_con .sub_left{}
#content .con_section .sub_con .sub_left ul.snb{width: 180px;padding: 2px 0;background-color: #9082bc;}
#content .con_section .sub_con .sub_left ul.snb li{width: 100%;background-color: #fff;border-bottom: 1px solid #9082bc;}
#content .con_section .sub_con .sub_left ul.snb li.last{border-bottom: 0;}
#content .con_section .sub_con .sub_left ul.snb li a{display: block;width: 100%;text-indent: 25px;height: 32px;font-weight: 600;line-height: 30px;letter-spacing: 1px;font-size: 14px;color: #454545;background: url(../img/s_img/snb_bullet.png) no-repeat 12px 13px;}
#content .con_section .sub_con .sub_left ul.snb li.on{background-color: #9082bc;}
#content .con_section .sub_con .sub_left ul.snb li.on a{color: #fff;background: url(../img/s_img/snb_bullet_.png) no-repeat 12px 13px;}

#content .con_section .sub_con .sub_left ul.s_link{width: 180px;margin: 50px 0 0 0;line-height: 0;}
#content .con_section .sub_con .sub_left ul.s_link li{border-bottom: 1px solid #000;}
#content .con_section .sub_con .sub_left ul.s_link li.last{}

#content .con_section .sub_con .sub_right .line_top{position: absolute;top: 0;width: 100%;height: 1px;background-color: #585858;}
#content .con_section .sub_con .sub_right .con_box{padding: 40px 50px 50px 48px;}
#content .con_section .sub_con .sub_right .con_box h5{font-size: 20px;height: 50px;padding: 10px 0 0 36px;color: #717171;letter-spacing: 0;background: url(../img/s_img/bullet_con_box_h5.gif) no-repeat 0 0;}
#content .con_section .sub_con .sub_right .con_box p{font-size: 15px;line-height: 25px;letter-spacing: -1px;}

#content .con_section .sub_con .sub_right .con_box .double_box:after{display: block;content: '';clear: both;}
#content .con_section .sub_con .sub_right .con_box .double_box .left{float: left;}
#content .con_section .sub_con .sub_right .con_box .double_box .right{float: right;padding: 20px 0 0 0;}

#content .con_section .sub_con .sub_right .con_box .double_box .left p{margin: 10px 0 0 10px;}

#content .con_section .sub_con .sub_right .con_box ul.ul_style1{margin: 10px 0 0 10px;}
#content .con_section .sub_con .sub_right .con_box ul.ul_style1 li{padding: 0 0 0 18px;color: #3a3a3a;line-height: 25px;background: url(../img/s_img/ul_style1_bullet_default.gif) no-repeat 8px center;}

#content .con_section .sub_con .sub_right .con_box .default_box{margin-bottom: 30px;}
#content .con_section .sub_con .sub_right .con_box .default_box p{margin: 0 0 0 35px;}
/* sub.html(공통)*/

/* sub01.html(Company - 인사말) */
#content.sub01 .con_section .sub_con .sub_right .con_box{padding: 20px 0 54px 150px;}
#content.sub01 .con_section .sub_con .sub_right .con_box:after{display: block;content: '';clear: both;}
#content.sub01 .con_section .sub_con .sub_right .con_box .greeting{position: relative;float: left;width: 512px;padding: 45px 0 0 0;}
#content.sub01 .con_section .sub_con .sub_right .con_box .greeting p{font-size: 13px;color: #333;margin: 0 0 30px 0;}
#content.sub01 .con_section .sub_con .sub_right .con_box .greeting p.last{margin: 0;}
#content.sub01 .con_section .sub_con .sub_right .con_box .greeting p strong{font-weight: normal;color: #d11679;}
#content.sub01 .con_section .sub_con .sub_right .con_box .greeting p.title{font-size: 18px;color: #d11679;font-weight: 600;}
#content.sub01 .con_section .sub_con .sub_right .con_box .greeting .signature{position: absolute;bottom: -40px;right: 170px;width: 340px;height: 60px;font-size: 13px;background: url(../img/s_img/signature_bg.gif) no-repeat 100% 100%;}
#content.sub01 .con_section .sub_con .sub_right .con_box .greeting .signature .padding{position: relative;padding: 0 0 0 210px;}
#content.sub01 .con_section .sub_con .sub_right .con_box .greeting .signature p{padding-top: 35px;}
#content.sub01 .con_section .sub_con .sub_right .con_box .greeting .signature p strong{font-weight: bold;font-size: 15px;letter-spacing: 1px;color: #000;}
/* sub01.html(Company - 인사말) */

/* sub02.html(Company - 찾아오시는 길) */
#content.sub02 .con_section .sub_con .sub_right .con_box{padding: 60px 50px 30px 30px;}
#map{background-color: pink;width: 700px;height: 444px;overflow: hidden;position: relative;}
#content.sub02 .con_section .sub_con .sub_right .contact_box{position: relative;}
#content.sub02 .con_section .sub_con .sub_right .contact_box:after{display: block;content: '';clear: both;}
#content.sub02 .con_section .sub_con .sub_right .contact_box .c_logo{float: left;width: 254px;padding: 30px 0 0 0;text-align: right;}
#content.sub02 .con_section .sub_con .sub_right .contact_box .c_logo img{padding-right: 30px;}
#content.sub02 .con_section .sub_con .sub_right .contact_box ul.con_li{float: left;padding: 35px 0 0 33px;}
#content.sub02 .con_section .sub_con .sub_right .contact_box ul.con_li li{color: #2b2b2b;font-size: 15px;line-height: 18px;letter-spacing: 1px;}
#content.sub02 .con_section .sub_con .sub_right .contact_box ul.con_li li.adr{margin: 0 0 8px 0;letter-spacing: 0;}
#content.sub02 .con_section .sub_con .sub_right .contact_box .line_center{position: absolute;top: 35px;left: 255px;width: 1px;height: 60px;background-color: #acacac;}
/* sub02.html(Company - 찾아오시는 길) */

/* sub03.html(Color Theraphy - 컬러테라피란?) */
#content.sub03 .con_section .sub_con .sub_right .con_box{background: url(../img/s_img/sub03_con_box_bg.gif) no-repeat 100% 0;padding-top: 130px;}
#content.sub03 .con_section .sub_con .sub_right .con_box .txt{margin: 35px 0 60px 0;}
#content.sub03 .con_section .sub_con .sub_right .con_box .txt p{margin-bottom: 30px;}
/* sub03.html(Color Theraphy - 컬러테라피란?) */

/* sub04.html(Color Theraphy - 컬러테라피 프로그램) */
#content.sub04 .con_section .sub_con .sub_right .con_box .double_box{margin-bottom: 30px;}
#content.sub04 .con_section .sub_con .sub_right .con_box .double_box.one .right img{margin: 70px 0 0 0;}
#content.sub04 .con_section .sub_con .sub_right .con_box .double_box.two .left{padding: 25px 0 0 0;}
#content.sub04 .con_section .sub_con .sub_right .con_box .double_box.three .left{padding: 25px 0 0 0;}
#content.sub04 .con_section .sub_con .sub_right .con_box .double_box .left p{margin: 10px 0 0 10px;}
#content.sub04 .con_section .sub_con .sub_right .con_box .double_box ul.ul_style1{margin: 10px 0 0 10px;}
/* sub04.html(Color Theraphy - 컬러테라피 프로그램) */

/* sub05.html(Consulting - P.I 컨설팅) */
#content.sub05 .visual_section{background: url(../img/p_img/sub_visual2.jpg) no-repeat center center;}
#content.sub05 .con_section .sub_con .sub_right .con_box{padding-right: 45px;}
#content.sub05 .con_section .sub_con .sub_right .con_box .double_box.one .in{position: relative;float: left;width: 108px;height: 122px;background: url(../img/s_img/double_box_in.gif) no-repeat center center;}
#content.sub05 .con_section .sub_con .sub_right .con_box .double_box.one .plus{float: left;width: 70px;height: 122px;text-indent: -9999px;background: url(../img/s_img/double_box_plus.gif) no-repeat center center;}
#content.sub05 .con_section .sub_con .sub_right .con_box .double_box.one .out{position: relative;float: left;width: 108px;height: 122px;background: url(../img/s_img/double_box_out.gif) no-repeat center center;}
#content.sub05 .con_section .sub_con .sub_right .con_box .double_box.one .right{text-align: center;padding-right: 20px;}
#content.sub05 .con_section .sub_con .sub_right .con_box .double_box.one .right:after{display: block;content: '';clear: both;}
#content.sub05 .con_section .sub_con .sub_right .con_box .double_box.one .right p.subject{font-size: 13px;font-weight: bold;line-height: 15px;letter-spacing: 0;margin: 45px 0 0 0;}
#content.sub05 .con_section .sub_con .sub_right .con_box .double_box.one .right .out p.subject{margin: 40px 0 0 0;}
#content.sub05 .con_section .sub_con .sub_right .con_box .double_box.one .right p.title{position: absolute;bottom: -24px;font-size: 14px;font-weight: 600;letter-spacing: 0;width: 100%;text-align: center;}
#content.sub05 .con_section .sub_con .sub_right .con_box .double_box.two{margin: 90px 0 0 0;}
#content.sub05 .con_section .sub_con .sub_right .con_box .double_box.two .right p.source{text-align: right;font-size: 12px;}
#content.sub05 .con_section .sub_con .sub_right .con_box .double_box.two .right img{width: 280px;}

#content.sub05 .con_section .sub_con .sub_right .con_box .double_box ul.ul_style1 li{color: #5a66ae;background: url(../img/s_img/ul_style1_bullet.gif) no-repeat 8px center;}
/* sub05.html(Consulting - P.I 컨설팅) */

/* sub06.html(Consulting - 공간 컬러 컨섵팅) */
#content.sub06 .visual_section{background: url(../img/p_img/sub_visual3.jpg) no-repeat center center;}
#content.sub06 .con_section .sub_con .sub_right .con_box .double_box .left .graphic{margin: 60px 0 0 0;width: 100%;text-align: center;}
#content.sub06 .con_section .sub_con .sub_right .con_box .double_box .right ul.pic_list{line-height: 0;}
#content.sub06 .con_section .sub_con .sub_right .con_box .double_box .right ul.pic_list li{margin-bottom: 20px;}
/* sub06.html(Consulting - 공간 컬러 컨섵팅) */

/* sub07.html(Consulting - 디자인 컨설팅) */
#content.sub07 .con_section .sub_con .sub_right .con_box{background: url(../img/s_img/sub03_con_box_bg.gif) no-repeat 100% 0;padding-top: 130px;}
#content.sub07 .con_section .sub_con .sub_right .con_box .txt{margin: 35px 0 60px 0;}
#content.sub07 .con_section .sub_con .sub_right .con_box .txt p{margin-bottom: 30px;}
/* sub07.html(Consulting - 디자인 컨설팅) */

/* sub08.html(Education - 컬러테라피스트란?) */
#content.sub08 .con_section .sub_con .sub_right .con_box .default_box.one{height: 255px;background: url(../img/s_img/sub08_default_box1.gif) no-repeat 100% 100%;}
#content.sub08 .con_section .sub_con .sub_right .con_box .default_box.two{margin: 90px 0 0 0;width: 100%;height: 370px;background: url(../img/s_img/sub08_default_box2.gif) no-repeat 100% 0;}
/* sub08.html(Education - 컬러테라피스트란?) */

/* sub09.html(Education - 양성교육) */
#content.sub09 .con_section .sub_con .sub_left ul.snb li a, #content.sub08 .con_section .sub_con .sub_left ul.snb li a{line-height: 30px;font-size: 13px;}

#content.sub09 .con_section .sub_con .sub_right .con_box{padding: 40px 0 50px 48px;}
#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box{margin: 0 0 58px 0;}
#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul{padding: 0 0 0 60px;text-align: center;}
#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul:after{display: block;content: '';clear: both;}
#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul li{float: left;}
#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul li p{font-weight: 600;}

#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul.intro{padding-top: 6px;}
#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul.intro li{width: 146px;height: 145px;padding: 0 17px 0 0;margin: 0 15px 0 0;}
#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul.intro li.one{background: url(../img/s_img/ul_style1_emerald.gif) no-repeat center center;}
#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul.intro li.two{background: url(../img/s_img/ul_style1_blue.gif) no-repeat center center;}
#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul.intro li.three{padding: 0;background: url(../img/s_img/ul_style1_orange.gif) no-repeat center center;}
#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul.intro li p{font-size: 14px;color: #000;line-height: 18px;letter-spacing: 1px;}
#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul.intro li p.title{font-size: 17px;margin: 40px 0 10px 0;letter-spacing: 0;}
#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul.intro li.one p.title{color: #4eab8e;}
#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul.intro li.two p.title{color: #76a3cc;}
#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul.intro li.three p.title{color: #ee844a;}

#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul.expert{padding-top: 20px;}
#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul.expert li{width: 83px;height: 122px;padding: 0 12px 0 0;margin: 0 10px 0 0;}
#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul.expert li.one{background: url(../img/s_img/ul_style2_1.gif) no-repeat center center;}
#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul.expert li.two{background: url(../img/s_img/ul_style2_2.gif) no-repeat center center;}
#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul.expert li.three{background: url(../img/s_img/ul_style2_3.gif) no-repeat center center;}
#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul.expert li.four{background: url(../img/s_img/ul_style2_4.gif) no-repeat center center;}
#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul.expert li.five{background: url(../img/s_img/ul_style2_5.gif) no-repeat center center;}
#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul.expert li.six{padding: 0;background: url(../img/s_img/ul_style2_6.gif) no-repeat center center;}
#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul.expert li p{font-size: 15px;color: #595856;line-height: 20px;letter-spacing: -1px;}
#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul.expert li p.title{font-size: 15px;color: #4d358d;font-weight: 600;letter-spacing: 0;margin: 28px 0 5px 0;}
#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul li.last{margin-right: 0;}

#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul.real{padding-top: 26px;}
#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul.real li{width: 146px;height: 145px;padding: 0 17px 0 0;margin: 0 33px 0 0;}
#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul.real li.one{background: url(../img/s_img/ul_style1_emerald.gif) no-repeat center center;}
#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul.real li.two{padding: 0;background: url(../img/s_img/ul_style1_orange.gif) no-repeat center center;}
#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul.real li p{font-size: 14px;color: #000;line-height: 18px;letter-spacing: 1px;}
#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul.real li p.title{font-size: 17px;margin: 40px 0 10px 0;letter-spacing: 0;}
#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul.real li.one p.title{color: #4eab8e;margin: 50px 0 10px 0;}
#content.sub09 .con_section .sub_con .sub_right .con_box .prog_box ul.real li.two p.title{color: #ee844a;}
/* sub09.html(Education - 양성교육) */

/* 게시판 */
#content.board .con_section .sub_con .sub_right .con_box{padding: 0 0 0 20px;}
#content.sub11.board .con_section .sub_con .sub_right .con_box{padding: 40px 0 0 20px;}
/* 게시판 */

/* footer.html */
#footer{width: 100%;min-width: 960px;height: 97px;background-color: #d7d7d7;}
#footer .container{position: relative;width: 960px; height: 97px; margin: 0 auto;}
#footer h2.copy_logo{position: absolute;left: 0;top: 0; height: 100%; display: flex;align-items: center;}
#footer ul.foot_txt{font-size: 13px;color: #1a1a1a;line-height: 16px;padding: 23px 0 0 335px;}
/* footer.html */