/*회원가입*/

.join_step_area {margin-top:75px; background:url(../images/bg_line.png) repeat-x 0 18px;}
.join_step_area ul  {max-width:834px; width:100%; margin:0 auto; background:url(../images/tab_bg.png) repeat-x 0 18px;}
.join_step_area ul:after  {content:""; display:block; clear:both;}
.join_step_area ul  li  {font-size:15px; color:#888; width:33.33%; float:left; padding-top:55px; text-align:center;}
.join_step_area ul  li.step01  {background:url(../images/step01.png) no-repeat center 0;}
.join_step_area ul  li.step02  {background:url(../images/step02.png) no-repeat center 0;}
.join_step_area ul  li.step03  {background:url(../images/step03.png) no-repeat center 0;}
.join_step_area ul  li.step01.on  {background:url(../images/step01_on.png) no-repeat center 0; color:#000;}
.join_step_area ul  li.step02.on  {background:url(../images/step02_on.png) no-repeat center 0; color:#000;}
.join_step_area ul  li.step03.on  {background:url(../images/step03_on.png) no-repeat center 0; color:#000;}



.join_area  {max-width:834px; width:100%; margin:0 auto;}

.join_tab {margin-bottom:1px; margin-top:85px;}
.join_tab:after {content:""; display:block; clear:both;}
.join_tab li  {width:50%; float:left;}
.join_tab li  a {display:block; font-size:18px; background:#f8f8f8; color:#999; padding:30px 0; text-align:center;}
.join_tab li  a.on  {background:#151515; color:#fff;font-weight:600;}

.tab_content  {background:#f8f8f8; padding:69px 7%; box-sizing:border-box; margin-bottom:200px;}
.tab_content  .txt01  {font-size:20px; color:#151515; text-align:center; font-weight:600; margin-bottom:70px;}
.tab_content  .txt02  {font-size:20px; color:#151515; text-align:center; font-weight:600; margin-bottom:30px;}



.login_box01  { margin-top:85px;}


.certify_box  {}
.certify_box:after {content:""; display:block; clear:both;}

.certify_con  {text-align:center; width:47%; box-sizing:border-box;  padding:280px 0 50px 0;}
.certify_con  .tit  {font-size:25px; color:#151515; margin-bottom:25px;}
.certify_con  .txt  {font-size:14px; color:#888; line-height:1.6; letter-spacing:-1px; padding-bottom:70px; }

.certify_con.type01 {background:#fff url(../images/certify_img01.jpg) no-repeat center 75px;border:solid 1px #e5e5e5; cursor:pointer; float:left;}
.certify_con.type01:hover  {background:#fff url(../images/certify_img01_on.jpg) no-repeat center 75px;border:solid 1px #000;}
.certify_con.type02 {background:#fff url(../images/certify_img02.jpg) no-repeat center 75px;border:solid 1px #e5e5e5; cursor:pointer; float:right;}
.certify_con.type02:hover  {background:#fff url(../images/certify_img02_on.jpg) no-repeat center 75px;border:solid 1px #000;}
.certify_con.type01:hover .txt,.certify_con.type02:hover .txt  {background:url(../images/on_arrow.png) no-repeat center bottom;}

.j_txt  {font-size:15px; color:#666; line-height:17px; letter-spacing:-1px; text-align:center; margin-top:50px;}
.j_txt  img {vertical-align:top; padding-right:5px;}

/*회원정보 입력*/
.join_box {background:#f2f2f2; padding:50px 6%; box-sizing:border-box; margin:85px 0 200px 0;}
.j_list {}
.j_list > li  {padding-bottom:20px; color:#999;}
.j_list > li:last-child {padding-bottom:0!important;}
.j_list li  input {border:solid 1px #e5e5e5; box-sizing:border-box; height:50px; line-height:50px; padding:0 10px; width:100%; font-size:15px; color:#999;}
.j_list li  input::placeholder {color:#999;}
.j_list li  select  {border:solid 1px #e5e5e5; box-sizing:border-box; height:50px; line-height:50px; font-size:15px; width:100%; padding:0 10px; color:#999;}
.j_list li  dl.j_dl  {position:relative; padding-left:150px;}
.j_list li  dl.j_dl  dt {font-size:16px; color:#151515; position:absolute; left:0; top:15px; letter-spacing:-1px;}
.j_list li  dl.j_dl  dt span  {color:#ffde28;}
.j_list li  dl.j_dl  dd {}
.j_list li  dl.j_dl  dd ol  {}
.j_list li  dl.j_dl  dd ol:after {content:""; display:block; clear:both;}
.j_list li  dl.j_dl  dd ol  li  {float:left; }
.j_list li  dl.j_dl  dd ol  li:last-child {float:right;}
.j_list li  dl.j_dl  dd ol  li.w_01 {width:24%; margin-left:1.33%;}
.j_list li  dl.j_dl  dd ol  li.w_02 {width:32%; margin-left:2%;}
.j_list li  dl.j_dl  dd ol  li.w_03 {width:100%;}
.j_list li  dl.j_dl  dd ol  li.w_04 {width:74.5%;}
.j_list li  dl.j_dl  dd ol  li.add_btn_aera  {width:24%; margin-left:1.33%;}
.j_list li  dl.j_dl  dd ol  li.add_btn_aera  .add_btn  {background:#ffde28; color:#000; cursor:pointer;}
.j_list li  dl.j_dl  dd ol  li:first-child  {margin-left:0;}
.j_list li  dl.j_dl  dd ol  li.type01 {width:24%;}
.j_list li  dl.j_dl  dd ol  li.type02 {height:50px; line-height:50px; padding:0 10px;}
.j_list li  dl.j_dl  dd ol  li.type03 {width:44%; }
.j_list li  dl.j_dl  dd ol  li.type04 {width:28%; margin-right: 2%;}
.j_list li  dl.j_dl  dd ol  li  .new_btn  {background:#ffde28; color:#000; cursor:pointer;}


.clause_tit {position:relative; margin-bottom:10px;}
.clause_tit p {font-size:15px; color:#151515; line-height:20px;}
.clause_tit .check {position:absolute; right:0; top:0;}
.tarea  {}
.tarea  textarea{resize:none; height:100px; width:100%; border:solid 1px #e5e5e5; background:#fff; padding:10px; box-sizing:border-box; font-size:13px; color:#999; line-height:1.2; overflow-y:scroll;}

.a_btn01 {padding-top:40px;}
.a_btn01 a  {font-size:20px; text-align:center; background:#ffde28; color:#000; display:block; width:310px; height:60px; line-height:60px; margin:0 auto; }
.a_btn02 {padding-top:40px;}
.a_btn02 a  {font-size:20px; text-align:center; background:#a0a0a0; color:#f8f8f8; display:block; width:310px; height:60px; line-height:60px; margin:0 auto; }
.a_btn03 {padding-top:40px;}
.a_btn03 a  {font-size:12px; text-align:center; background:#ffde28; color:#000; display:block; width:310px; height:60px; line-height:60px; margin:0 auto; font-weight:800; }
.a_btn04 {position:absolute; left:5%; bottom:5%;}
.a_btn04 a  {font-size:12px; background:#ffde28; color:#000; display:block; width:310px; height:60px; line-height:60px; margin:0 auto; font-weight:800; padding:0 20px; box-sizing:border-box;}
.a_btn04 a  span  {display:block; height:60px; line-height:60px; position:absolute; right:20px; top:0;}



/*200131추가*/
.new_btn  {margin-top:40px; width:380px; margin:40px auto 0 auto;}
.new_btn  a {display:inline-block; width:49%; text-align:center;  font-size:18px; height:60px; line-height:60px; box-sizing:border-box;}
.new_btn  a.type01  {background:#ffde28; color:#000; border:solid 1px #ffde28;}
.new_btn  a.type02  {border:solid 1px #888;}
.new_btn  .f_login  { margin-top:20px;}
.new_btn  .f_login  a {border:solid 1px #888; height:50px; line-height:50px; display:block; width:99%;}
.new_btn  .f_login  span.f_icon  {padding-left:27px; display:inline-block; background:url(../images/sub/f_icon.png) no-repeat 0 center; line-height:50px; font-size:16px;}



/*회원가입 완료*/

.cp_tit {font-size:20px; font-weight:600; text-align:center; color:#000; margin-bottom:80px;}
.cp_tit span  {font-size:35px; display:block; font-weight:400; margin-bottom:25px;}
.cp_list  {text-align:Center; margin-bottom:120px;}
.cp_list  li  {text-align:center; display:inline-block; padding:0 30px;}
.cp_list  li  span  {display:block; font-size:11px;  color:#000; margin-top:20px;}

.cp_bbox  {background:#ffde28; box-sizing:border-box; padding:5%; text-align:center;}
.cp_bbox  .tit  {font-size:16px; font-weight:600; color:#000;  margin-bottom:18px;}
.cp_bbox  .txt  {font-size:16px; color:#000; line-height:1.2;}
.cp_bbox  .img  img {max-width:100%;}
.cp_bbox  a {display:inline-block;font-size:16px; font-weight:600; color:#000; padding-right:20px; background:url(../images/on_arrow02.png) no-repeat right center;}


/*기업회원*/
.j_txt01  {font-size:13px; color:#666; margin-top:15px;}
.j_txt02  {font-size:15px; color:#999; margin-top:15px;}

.business_box {margin-top:10px; padding-bottom:20px;}
.business_box .p_list {margin:20px 5% 0 5%;}
.business_box .p_list li  {background:url(../images/point_01.png) no-repeat 0 0;font-size:15px; color:#666; line-height:17px; letter-spacing:-1px; padding-left:20px; margin-bottom:15px; line-height:1.2;}
.business_box .p_list li:last-child {margin-bottom:0!important;}

.bg_line  {background:url(../images/line_bg01.jpg) repeat-x 0 0;}

/*로그인*/

.search_idpw_box  {position:relative; background:url(../images/line_bg01.jpg) repeat-x 0 0; padding-top:12px; margin-top:50px;}
.search_idpw_box:after  {content:""; display:block; clear:both;}
.search_idpw_box  a {display:block; width:144px; height:44px; line-height:44px; background:#a0a0a0; color:#f8f8f8; font-size:15px; text-align:center; float:right;}
.search_idpw_box  p {background:url(../images/point_01.png) no-repeat 0 0;font-size:15px; color:#666; line-height:17px; letter-spacing:-1px; padding-left:20px; line-height:1.2; position:absolute; left:0; top:24px;}


/*디자인 리스트*/

.design_list_area { position:relative; max-width:1900px; margin:0 auto; padding:120px 4.5% 0 4.5%; box-sizing: border-box;}
.list_search_box  {max-width:620px; width:100%; background:#000; padding:20px 80px 20px 30px; box-sizing:border-box; position:absolute; left:50%; top:0; margin:-37px 0 0 -310px;}
.list_search_box  input.txt {height:30px; line-height:30px; border:none; color:#fff; font-size:12px; background:transparent; padding:0 10px; width:100%; box-sizing:border-box;}
.list_search_box  input.search_btn {width:30px; height:30px; background:url(../images/search_icon03.png) no-repeat center; border:none; cursor:pointer; position:absolute; right:30px; top:20px;}
.list_search_box .txt::placeholder {color:#fff;}

/*디자인 뷰*/

.design_view_area { box-sizing:border-box;width:100%; }
.design_view_area:after {content:""; display:block; clear:both;}

.design_view_area .view_content_box {padding-bottom: 50px;}
.view_content_box .btnarea  {position:relative; margin:88px auto 45px auto; max-width:834px; width:100%;}
.view_content_box .btnarea  a {display:block; text-indent:-999em;}
.view_content_box .btnarea  a.prev  {position:absolute; left:10px; top:5px; background:url(../images/arrow_left.png) no-repeat 0 0; width:45px; height:24px;}
.view_content_box .btnarea  a.next  {position:absolute; right:10px; top:5px; background:url(../images/arrow_right.png) no-repeat 0 0; width:45px; height:24px;}
.view_content_box .btnarea  a.list  {background:url(../images/list_btn.png) no-repeat 0 0; width:28px; height:36px; margin:0 auto;}

.view_info  {position:relative; background-size:cover; height:380px;}
.view_info  .view_bg  {position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/event_bg.png) repeat 0 0; z-index:10;}
.top_view_con {position: absolute; left: 0; top: 50%; width:100%; z-index:100;}


.view_icon  {text-align:center; font-size:50px; color:#fff;}
.view_icon.top  {margin-bottom:0;}
.vtit_box  {text-align:center;  margin-bottom:37px;}
.vtit_box  .vtit01  {color:#fff; font-size:20px; margin-bottom:30px;letter-spacing:-1px;}
.vtit_box  .vtit02  {color:#fff; font-size:45px;letter-spacing:-1px;}
.vtit_box  .vtit03  {color:#fff; font-size:25px;letter-spacing:-1px; margin-bottom:20px;}




.view_info_ul {text-align:center; margin-top:60px;}
.view_info_ul li  {font-size:16px; color:#fff; margin-bottom:20px;}
.view_content_box .day  {text-align:center; font-size:11px; color:#fff; margin-bottom:30px;}
.shere_box  {text-align:center; }


.view_content_info  {}
.view_content_info  .txt01  {font-size:15px; color:#666; line-height:1.3;}
.view_content_info  .txt01 p  {line-height:1.6;}
.view_content_info  .txt01  h1,.view_content_info  .txt01  h2,.view_content_info  .txt01  h3,.view_content_info  .txt01  h4 {line-height:1.6;}

.design_view_area .view_img_areaw {padding:80px 0; border-top:solid 1px #ddd; margin:0 5%; box-sizing:border-box;}
.design_view_area .view_img_areaw .v_img  {margin-bottom:10px; text-align:center;}
.design_view_area .view_img_areaw img {max-width:100%;}

.design_view_area .view_content_txt {max-width:951px; margin:0 auto; box-sizing:border-box;}


/*라이프스타일파인더*/

.survey_area  {background:url(../images/life_bg.jpg) repeat 0 0; padding-bottom:230px;}
.survey_area  .h2_tit {font-size:25px; color:#222; line-height:1.3; text-align:center; padding:80px 0 40px 0;}
.survey_area  .survey_box {box-sizing:border-box; background:#fff; max-width:1066px; width:100%; margin:0 auto; padding:130px 4.5% 45px 4.5%; box-shadow : -2px -2px 20px #d7d7d7; position:relative; margin-top:79px; min-height:500px;}
.survey_area  .survey_box  .top_img {position:absolute; left:50%; top:-81px; margin-left:-79px; z-index: 99;}
.survey_area  .survey_box_view {box-sizing:border-box; max-width:1066px; width:100%; margin:0 auto;  box-shadow : -2px -2px 20px #d7d7d7; position:relative; margin-top:79px; min-height:100px;}
.survey_area  .survey_box_view  .top_img {position:absolute; left:50%; top:-81px; margin-left:-79px; z-index: 99;}

.survey_area  .survey_box .lt {position:absolute; left:2.5%; top:40px;}
.survey_area  .survey_box .rb {position:absolute; right:2.5%; bottom:45px;}

.fubder_category  {text-align:center;}
.fubder_category  .count  {color:#b2b2b2; font-size:22px;  margin-bottom:20px; letter-spacing:-1px; line-height:1;}
.fubder_category  .count strong {color:#111; font-size:22px;  display:inline-block; line-height:1;}
.fubder_category  .tit  {color:#222; font-size:30px;line-height:1; margin-bottom:50px;}
.fubder_category  .tit  span  { font-size:20px; display:block; font-weight:100; line-height:1; margin-top:10px;}


.survey_list  {}
.survey_list:after  {content:""; display:block; clear:both;}
.survey_list  li  {position:relative; width:16%; max-width:150px; box-sizing:border-box; margin:0 1% 4% 1%; display:inline-block; vertical-align: top;}

.survey_list  li  .on_box {position:absolute; left:0; top:0; border:solid 1px #000; display:none; width:100%; box-sizing:border-box; }
.survey_list  li  .on_box p {position:absolute; left:50%; top:-17px; margin-left:-17px;}
.survey_list  li.check  .on_box {display:block!important;}
.survey_list  li  .info_box {display:table-cell;vertical-align:middle; box-sizing:border-box; padding:5px;}
.survey_list  li  .info_box .txt  {color:#666; font-size:14px; font-weight:300; margin-top:10px; letter-spacing:-1px;}
.survey_list  li.check  .info_box .txt {color:#222; font-size:14px;font-weight:400;}

.survey_list  li.check  .info_box .off  {display:none;}
.survey_list  li.check  .info_box .on  {display:block;}
.survey_list  li  .info_box .on  {display:none;}

.survey_list  li  .table_box  {display:table; max-height:150px; box-sizing:border-box; border:solid 1px #e5e5e5; cursor:pointer; width:100%;}
.survey_list  li  .table_box:after  { content: ""; display: block; padding-bottom:100%;}
.survey_list  li  .s_tit {font-size:13px; color:#000; text-align:center; margin-top:20px; line-height:1.2;}


/*결과 헬싱키*/
.result_box {position:relative;}
.result_box:after {content:""; display:block; clear:both;}
.result_box .result_txt {background:#fff; box-sizing:border-box; width:50%; float:left; padding:5%;}
.result_box .result_txt .tit { font-size:25px; color:#222; font-weight:600; padding-top:80px; margin-bottom:60px; letter-spacing:-1px; line-height:1.2; background:url(../images/tit_bg01.jpg) no-repeat 0 0;}
.result_box .result_txt .con {font-size:16px; color:#222; line-height:1.6; letter-spacing:-1px; }
.result_box .result_img {box-sizing:border-box; width:50%; float:left;}

.result_box .arrow_area a.left  {position:absolute; left:0; top:50%; margin-top:-12px;}
.result_box .arrow_area a.right  {position:absolute; right:0; top:50%; margin-top:-12px;}



/*결과 헬싱키 200217추가*/


.new_result_box	{}
.new_result_box	li	 {margin-bottom:28px;}
.new_result_box	li:last-child {margin-bottom:0;}
.new_result_box	li	 dl	{background:#fff; display:table;}
.new_result_box	li	 dl	dt	{width:50%;}
.new_result_box	li	 dl	dd	{width:50%; display:table-cell; font-size:16px; line-height:1.6; box-sizing:border-box; padding:0 5%; vertical-align:middle; letter-spacing: -0.5px;}






/*추천컨텐츠*/
.recommend_list {max-width:1680px; width:100%; margin:0 auto; }
.recommend_list:after {content:""; display:block; clear:both;}
.recommend_list .re_list_box {/*max-width:820px;*/ width:100%; box-sizing:border-box; background:#fff; box-shadow : -2px -2px 20px #d7d7d7; padding:3% 3% 100px 3%; position:relative;}
.recommend_list .re_list_box.type01 {float:left;}
.recommend_list .re_list_box.type02 {float:right;}

.recommend_list .re_list_box  .recommend_tit  {font-size:18px; font-weight:600; color:#222; line-height:26px; padding-left:30px; background:url(../images/list_tit_iocn01.png) no-repeat 0 0; letter-spacing:-1px; margin-bottom:50px;}
.recommend_list .re_list_box  ul.type01  {}
.recommend_list .re_list_box  ul.type01:after  {content:""; display:block; clear:both;}
.recommend_list .re_list_box  ul.type01  li  {float:left; max-width:350px; width:48%; margin-bottom:30px;}
.recommend_list .re_list_box  ul.type01  li:nth-child(even)  {float:right;}
.recommend_list .re_list_box  ul.type01  li  .img  {position:relative; margin-bottom:18px;}
.recommend_list .re_list_box  ul.type01  li  .img  a {display:block; position:absolute; right:0; bottom:0;}
.recommend_list .re_list_box  ul.type01  li  .cate  {color:#a1a0a0; font-weight:600; font-size:12px;  margin-bottom:15px;}
.recommend_list .re_list_box  ul.type01  li  .tit  {color:#222; font-size:15px; font-weight:600; margin-bottom:18px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.recommend_list .re_list_box  ul.type01  li  .txt  {color:#666; font-size:13px; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:2.8em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; letter-spacing:-1px;}

.recommend_list .re_list_box  ul.type02  {}
.recommend_list .re_list_box  ul.type01:after  {content:""; display:block; clear:both;}
.recommend_list .re_list_box  ul.type02  li  {padding-bottom:10px; margin-bottom:10px; border-bottom:dashed 1px #e5e5e5;}
.recommend_list .re_list_box  ul.type02  li:last-child  {border-bottom:none; margin-bottom:0;}
.recommend_list .re_list_box  ul.type02  li:after  {content:""; display:block; clear:both;}
.recommend_list .re_list_box  ul.type02  li  .img  {position:relative; max-width:136px; width:17%; float:left;}
.recommend_list .re_list_box  ul.type02  li  .img  a {display:block; position:absolute; right:0; bottom:0;}
.recommend_list .re_list_box  ul.type02  li  .info {width:77%; float:right;}
.recommend_list .re_list_box  ul.type02  li  .info  .cate  {color:#a1a0a0; font-weight:600; font-size:12px;  margin-bottom:15px;}
.recommend_list .re_list_box  ul.type02  li  .info  .tit  {color:#222; font-size:15px; font-weight:600; margin-bottom:18px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; margin-top:15px;}
.recommend_list .re_list_box  ul.type02  li  .info  .txt  {color:#666; font-size:13px; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:2.8em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; letter-spacing:-1px; margin-bottom:30px;}
.recommend_list .re_list_box  ul.type02  li  .info  .pay  {color:#222; font-size:15px; font-weight:600;}

.more_view  {width:310px; height:60px; line-height:60px; position:absolute; left:50%; bottom:3%; margin-left:-155px;}
.more_view  a {font-size:12px; text-align:center; background:#000; color:#fff; display:block;  }


/*아이디 비번찾기*/

.search_tit {font-size:24px; font-weight:600; text-align:center; margin-top:80px;}
.search_txt {font-size:16px; text-align:center; margin:20px 0 80px 0;}
.search_input01 {text-align:center; height:50px; line-height:50px; margin-bottom:50px;}
.search_input01 input {max-width:300px; width:100%; border:solid 1px #e5e5e5; box-sizing:border-box; height:50px; line-height:50px; padding:0 10px; width:100%; font-size:15px; color:#999;}
.select_menu  {text-align:center; line-height:50px; background:#fff; margin-bottom:50px;}


/*클래스*/

#class_box  {max-width:1680px; width:100%; margin:0 auto;}
.class_list  {}
.class_list  li {width:23%; margin:0 1% 2% 1%; }
.class_list  li .class_thm  {position:relative; margin-bottom:40px;}
.class_list  li .class_thm  img {width:100%!important;}
.class_list  li .class_thm  span  {display:inline-block; padding:10px; font-size:15px; font-weight:600; line-height:1; position:absolute; z-index:100;}
.class_list  li .class_thm  .ing  { background:#fdd000; color:#222; right:0; top:0;}
.class_list  li .class_thm  .approach  { background:#7d694c; color:#fff; right:0; top:0;}
.class_list  li .class_thm  .end  { background:#353535; color:#fff; right:0; top:0;}
.class_list  li .class_thm  .w_class  {font-size:13px; background:#fff; left:0; bottom:0;}
.class_list  li .class_thm  .end_bg {background:url(../images/end_bg.png) repeat 0 0; width:100%; height:100%; position:absolute; left:0; top:0;}
.class_list  li .tit  {color:#222; font-size:18px; font-weight:700; margin-bottom:20px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; letter-spacing:-1px;}
.class_list  li .txt   {color:#666; font-size:15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em; height: 3.9em;  letter-spacing:-1px; margin-bottom:30px;}
.class_list  li .day  {/*background:url(../images/sub/day_icon.png) no-repeat 0 0;*/ line-height:21px; font-size:12px; padding-left:0; font-weight:500;}

.event_tit  {text-align:center; max-width:1000px; width:100%; border:solid 3px #000; margin:0 auto 60px auto; box-sizing:border-box;}
.event_tit  span  {display:inline-block;  padding:25px 40px 25px 0; font-weight:600; font-size:25px; background:url(../images/search_icon04.png) no-repeat right center;}

.select_list  { text-align:center; margin-bottom:60px;}
.select_list  li  {display:inline-block; text-align:center; font-size:18px; color:#222; padding:10px 20px; margin:0 20px; line-height:1; cursor:pointer;}
.select_list  li.on {background:#000; color:#fff;}
.select_list  li:hover  {background:#000; color:#fff;}


/*비즈니스*/

.con_type01 {position:relative; border-bottom: solid 1px #e0e0e0; background:#fff;}
.con_type01:last-child {border-bottom:none;}
.tab_type01 {width:100%; position:absolute; left:50%; top:0; z-index:10;}
.tab_type01:after {content:""; display:block; clear:both;}
.tab_type01 li {float:left; text-align:center;}
.tab_type01 li a  {display:block; box-sizing:border-box; width:100%; font-size:13px; font-weight:600; color:#fff; background:#000; border-left:solid 1px #464646; padding:32px 0;}
.tab_type01 li:first-child a  {border-left:none;}
.tab_type01 li.on a {color:#080808; background:#fdd000;}
.tab_type01 li:hover  a {color:#080808; background:#fdd000;}


.tab_type01.tab02  {margin-left:-273px; max-width:546px;}
.tab_type01.tab02  li {max-width:273px; width:50%;}

.tab_type01.tab03  {margin-left:-410px; max-width:820px;}
.tab_type01.tab03  li {max-width:273px; width:33.33%;}


.con_box  {}
.con_box:after  {content:""; display:block; clear:both;}
.con_box  .box_info {box-sizing:border-box; width:50%; }
.con_box  .pad_box01  {padding:6% 4% 0 4%;}
.con_box  .pad_box02  {padding:3% 4% 0 4%;}
.con_box  .box_info .tit01  {font-size:50px; color:#222; font-weight:600; margin-bottom:40px; letter-spacing:-0.5px; line-height:1.2;}
.con_box  .box_info .tit02  {font-size:50px; color:#222; font-weight:400; margin-bottom:40px; letter-spacing:-0.5px; line-height:1;}
.con_box  .box_info .tit02 strong {display:inline-block;}
.con_box  .box_info .tit02 span {display:inline-block; font-size:15px; color:#999; vertical-align:bottom;}
.con_box  .box_info .txt01  {font-size:16px; color:#555; line-height:1.6; margin-bottom:40px;}
.con_box  .box_info .txt02  {font-size:20px; color:#555; font-weight:600; line-height:1.1; margin-bottom:20px; }
.con_box  .box_info .sub_tit01  { font-weight:600; margin-bottom:35px; line-height:1;}
.con_box  .box_info .txt_list {}
.con_box  .box_info .txt_list li  {font-size:16px; color:#666; line-height:1.6; margin-bottom:15px;}
.con_box  .box_info .txt_list li:last-child {margin-bottom:0;}

.edit_info  {}
.edit_info  .tit  {font-size:15px; color:#080808; letter-spacing:-1px; font-weight:600; margin-bottom:20px;}
.edit_info  ul  {}
.edit_info  ul  li  {display:inline-block; font-size:15px; color:#888; line-height:1.4; margin-left:20px; border-left:solid 1px #dedede; padding:5px 0 5px 20px; letter-spacing:-1px;}
.edit_info  ul  li:first-child  {padding-left:0; margin-left:0; border:none; }

.con_box  .box_img  {float:left; box-sizing:border-box; width:50%;}
.con_box  .box_img.h100  img  {height:100%;}


.section_box  {border-bottom: solid 1px #e0e0e0; }
.section_box:last-child {border-bottom:none;}
.se_box {max-width:1678px; width:100%; margin:0 auto; padding:50px 0 100px 0; position:relative; }
.se_box .tit {font-weight:600; font-size:30px; letter-spacing:-1px; margin-bottom:60px;}
.se_box .tit02 {font-weight:600; font-size:30px; letter-spacing:-1px; padding:70px 0 30px 0;}
.se_box ul.list  {}
.se_box ul.list.type01  {margin-left:-1.5%;}
.se_box ul.list.type02  {margin-left:-2%;}
.se_box ul.list:after  {content:""; display:block; clear:both;}
.se_box ul.list.type01  li  {width:23.5%; float:left; margin-left:1.5%;margin-bottom:70px;}
.se_box ul.list.type02  li  {width:18%; float:left; margin-left:2%; margin-bottom:70px;}
.se_box ul.list.type01  li  .book_thum  {position:relative; padding-bottom:50px;}
.se_box ul.list.type02  li  .book_thum  {position:relative;}
.se_box ul.list  li  .book_thum  span  {display:block; background:#fff; width:80%; font-size:25px; font-weight:600; color:#000; padding:25px 0; box-sizing:border-box; position:absolute; left:0; bottom:0; text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.se_box ul.list  li  .txt  {font-size:16px; color:#666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  white-space: normal; line-height: 1.6; height: 6.4em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin-bottom:30px; letter-spacing:-0.5px;}
.se_box ul.list  li  .buy  {display:block; width:134px; line-height:18px; box-sizing:border-box; border:solid 1px #d2d2d2; padding:12px 15px; font-size:12px; color:#666; font-weight:600; background:url(../images/buy_iocn.png) no-repeat 94px center; }
.se_box .list_more  {position:absolute; right:0; top:45px; background:url(../images/more_btn02.png) no-repeat center; text-indent:-999em; width:63px; height:63px; display:block; cursor:pointer;}
.se_box ul.list.type02  li .s_tit  {font-size:25px; font-weight:600; color:#000; padding:25px 0; letter-spacing: -1px; text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}


/*서비스*/
.font_info  {}
.font_info  .tit  {font-size:15px; color:#080808; letter-spacing:-1px; font-weight:600; margin-bottom:20px;}
.font_info  .tit  span  {display:inline-block; padding:0 5px 10px 5px; border-bottom:solid 2px #000;}
.font_info  ul.down_R  {border:solid 1px #d2d2d2; max-width:348px; width:100%; float:right; margin-bottom:30px;}
.font_info  ul.down_R:after  {content:""; display:block; clear:both;}
.font_info  ul.down_R  li  { float:left; width:174px; border-left:solid 1px #d2d2d2; box-sizing:border-box;}
.font_info  ul.down_R  li:first-child {border-left:none;}
.font_info  ul.down_R  li  a {font-size:12px; color:#515151; letter-spacing:-1px; padding:12px 0 12px 30px; line-height:18px; background:url(../images/down_icon.png) no-repeat 144px center; display:block;}
.font_info  ul.down_R  li:first-child  {padding-left:0; margin-left:0; border:none; }

.more_info  {width:244px; background:#222;}
.more_info  a {display:block; font-size:12px; color:#fff;  font-weight:600; background:url(../images/info_moew_bg.png) no-repeat 200px center; padding:30px; line-height:1;}

.line_ul  {}
.line_ul  li  {padding-bottom:5px;}
.line_ul  li  span  {display:inline-block; font-size:25px; color:#222; font-weight:600; padding:5px; line-height:1; border-bottom:solid 1px #222;}

.con_dl {margin:10px 0; background:#eaeaea; box-sizing:border-box; padding:25px 5%;}
.con_dl:after {content:""; display:block; clear:both;}
.con_dl dt  {float:right; font-size:13px; color:#222; font-weight:600; line-height:1.3; text-align:right; width:20%; box-sizing:border-box; padding:20px 0; background:url(../images/arrow_icon01.png) no-repeat right 60px; }
.con_dl dd  {float:left; width:80%; box-sizing:border-box; background:url(../images/dt_gapline.png) repeat-y right 0;}
.con_dl dd ul {}
.con_dl dd ul li  {text-align:center; display:inline-block; width:23%;}
.con_dl dd ul li  span  {display:block; font-size:13px; color:#222; font-weight:600; margin-top:10px;}

.service_box  {max-width:1678px; width:100%; margin:0 auto; padding:100px 0;}
.service_list {margin-left:-2.33%;}
.service_list:after {content:""; display:block; clear:both;}
.service_list li  {width:31%; float:left; margin-left:2.33%; }
.service_list li  .service_thum {position:relative;}
.service_list li  .service_thum a {position:absolute; right:0; bottom:0; text-indent:-999em; width:63px; height:63px; background:url(../images/more_btn02.png) no-repeat center; }
.service_list li  .tit {font-size:25px; font-weight:600; color:#000; padding:25px 0; letter-spacing: -1px; text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.service_list li  .txt {font-size:16px; color:#666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  white-space: normal; line-height: 1.6; height: 6.4em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin-bottom:30px; letter-spacing:-0.5px;}

/*아이디/비번찾기 결과*/

.result_box {border-top:solid 1px #dedede; border-bottom:solid 1px #dedede; background:#fff;}
.result_box:after  {content:""; display:block; clear:both;}
.result_box li  {width:50%; float:left; box-sizing:border-box; text-align:center; border-left:solid 1px #dedede;}
.result_box li:first-child  {border-left:none;}
.result_box li  .tit  {background:#fafafa; font-size:18px; color:#222; padding:10px 0; font-weight:600;}
.result_box li  .txt  {font-size:14px; color:#222; padding:15px 0; border-top:solid 1px #dedede;}

.btn_box  {text-align:center; padding-top:40px;}
.btn_box  a {display:inline-block; margin:0 5px;}
.btn_box  a.type01  {font-size:20px; text-align:center; background:#ffde28; border:solid 1px #ffde28; color:#000; max-width:200px; width:100%; height:60px; line-height:60px;}
.btn_box  a.type02  {font-size:20px; text-align:center; background:#f5f5f5; border:solid 1px #888; color:#000; max-width:200px; width:100%; height:60px; line-height:60px;}


/*월간디자인*/

.edit_info02  {}
.edit_info02  .info_ul  {}
.edit_info02  .info_ul:after  {content:""; display:block; clear:both;}
.edit_info02  .info_ul  li  {float:left; margin-left:20px; border-left:solid 1px #dedede; padding:5px 0 5px 20px; text-align:right;}
.edit_info02  .info_ul  li  .tit  {font-size:15px; color:#080808; font-weight:600; margin-bottom:20px;}
.edit_info02  .info_ul  li  .txt  {display:inline-block; font-size:15px; color:#888; line-height:1.4;}
.edit_info02  .info_ul  li  .txt span	{}
.edit_info02  .info_ul  li:first-child  {padding-left:0; margin-left:0; border:none; }

.sns_box  {margin-bottom:30px;}
.sns_box  .sns_list {border:solid 1px#d2d2d2; float:right;}
.sns_box  .sns_list:after {content:""; display:block; clear:both;}
.sns_box  .sns_list li  {float:left; box-sizing:border-box; border-left:solid 1px #d2d2d2;}
.sns_box  .sns_list li:first-child  {border-left:none;}
.sns_box  .sns_list li  a {display:block; width:42px; height:42px; box-sizing:border-box; text-indent:-999em;}
.sns_box  .sns_list li  a.sns_home {background:url(../images/home_icon.jpg) no-repeat center;}
.sns_box  .sns_list li  a.sns_facebook {background:url(../images/sns_icon01.jpg) no-repeat center;}
.sns_box  .sns_list li  a.sns_twitter {background:url(../images/sns_icon02.jpg) no-repeat center;}
.sns_box  .sns_list li  a.sns_naver {background:url(../images/sns_icon03.jpg) no-repeat center;}
.sns_box  .sns_list li  a.sns_instar {background:url(../images/sns_icon04.jpg) no-repeat center;}
.sns_box  .sns_list li  a.sns_kakao {background:url(../images/sns_icon05.jpg) no-repeat center;}



/*전략출판*/
.tactic_list01  {border-left:solid 1px #ddd;}
.tactic_list01:after  {content:""; display:block; clear:both;}
.tactic_list01  li  {width:11%; float:left; box-sizing:border-box;display:table; padding:30px 10px; border-top:solid 1px #ddd; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; }
.tactic_list01  li  .txt  {display:table-cell; color:#888; font-size:16px; line-height:1.4;  vertical-align: middle;}

.design_dl  {background:#eaeaea; box-sizing:border-box; padding:20px; margin-bottom:15px; }
.design_dl  dl  {position:relative; padding-right:110px; min-height:98px;}
.design_dl  dl  dt  {position:absolute; right:0; top:0;}
.design_dl  dl  dd  {text-align:right; }
.design_dl  dl  dd  strong  {display:block;  font-size:13px; color:#222;  margin-bottom:20px;}
.design_dl  dl  dd  .txt  {letter-spacing:-1px; color:#999; font-size:14px; line-height:1.4;}

.desiigner_info {padding-bottom:10px;}
.desiigner_info ul  {}
.desiigner_info ul  li  {float:left; font-size:13px; color:#666;  font-weight:300; margin-left:10px; padding-left:10px; line-height:16px; background:url(../images/d_gap01.png) no-repeat 0 center; }
.desiigner_info ul  li:first-child  {padding-left:0; margin-left:0; background-image:none;}
.desiigner_info ul  li.name  {font-size:16px; color:#222; font-family: 'Noto Sans KR'}


/*전시*/

.exhibit_list {margin-left:-2%;}
.exhibit_list:after  {content:""; display:block; clear:both;}
.exhibit_list li  {width:23%; float:left; margin-left:2%;}
.exhibit_list li  .exhibit_thum {position:relative;}
.exhibit_list li  .exhibit_thum img {width:100%;}
.exhibit_list li  .exhibit_thum a {position:absolute; right:0; bottom:0; text-indent:-999em; width:63px; height:63px; background:url(../images/more_btn02.png) no-repeat center;}
.exhibit_list li  .ex_tit  {font-size:25px; font-weight:600; color:#000; padding-top:25px; letter-spacing: -1px; text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.exhibit_list li  .ex_day  {padding-top:15px; line-height:1.6;}
.exhibit_list li  .ex_txt  {font-size:16px; color:#666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  white-space: normal; line-height: 1.6; height: 6.4em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;padding-top:20px; margin-bottom:20px;}
.exhibit_list li  .hash_tags  {}
.exhibit_list li  .hash_tags span  {display:inline-block; color:#999; font-size:13px; font-weight:500; padding:12px 15px; border:solid 1px #d6d4d4; margin:2px;}
.exhibit_list li .listsbox {margin-top:20px;}
.exhibit_list li .listsbox .s_tit {font-size:15px; color:#222; font-weight:600; line-height:1.2; margin-bottom:15px; }
.exhibit_list li .listsbox .s_txt {box-sizing:border-box; padding:10px; border:solid 1px #d6d4d4; background:#f3f3f3; line-height:1.3; font-size:13px; color:#888; }


.design_dl02  {background:#eaeaea; box-sizing:border-box; padding:20px; margin-bottom:15px; }
.design_dl02  dl  {position:relative; padding-right:110px; min-height:120px;}
.design_dl02  dl  dt  {position:absolute; right:0; top:0;}
.design_dl02  dl  dt  span  {display:block; margin-top:10px;  font-size:13px; color:#222; font-weight:600; text-align:center; }
.design_dl02  dl  dd  {text-align:right; padding:20px 30px; box-sizing:border-box; background:url(../images/dt_gapline.png) repeat-y right 0;}
.design_dl02  dl  dd  strong  {display:block;  font-size:13px; color:#222; letter-spacing:-1px; margin-bottom:20px;}
.design_dl02  dl  dd  .txt  {letter-spacing:-1px; color:#999; font-size:14px; line-height:1.4;}

.design_info_ul01 {}
.design_info_ul01 li  {margin-bottom:15px;}
.design_info_ul01 li:last-child  {margin-bottom:0;}
.design_info_ul01 li  span  {display:inline-block; line-height:16px;  font-size:13px; color:#666; padding-left:10px; margin-left:10px; background:url(../images/d_gap01.png) no-repeat 0 center; font-weight:300; line-height:1.6;}
.design_info_ul01 li  span.name { font-size:16px; color:#222; min-width: 162px;}
.design_info_ul01 li  span:first-child  {background-image:none; padding-left:0; margin-left:0;}


/*컴퍼니 소개*/
.font_info  ul.down_R02  {border:solid 1px #d2d2d2; max-width:345px; width:100%; float:right; margin-bottom:30px;}
.font_info  ul.down_R02:after  {content:""; display:block; clear:both;}
.font_info  ul.down_R02  li  { float:left; width:115px; border-left:solid 1px #d2d2d2; box-sizing:border-box;}
.font_info  ul.down_R02  li:first-child {border-left:none;}
.font_info  ul.down_R02  li  a {font-size:12px; color:#515151; letter-spacing:-1px; padding:12px 0 12px 20px; line-height:18px; background:url(../images/down_icon02.png) no-repeat 80px center; display:block;}
.font_info  ul.down_R02  li:first-child  {padding-left:0; margin-left:0; border:none; }

.company_d  {max-width:1678px; width:100%; margin:0 auto; }
.company_d  .tit  {font-size:50px; color:#222; font-weight:600; letter-spacing: -1px; padding:100px 0 70px 0;}
.company_d  .type01  {margin-bottom:130px;}
.company_d  .type01:after  {content:""; display:block; clear:both;}
.company_d  .type01  li { width:20%; box-sizing:border-box; padding-right:3%; float:left;}
.company_d  .type01  li .d_tit  {font-size:25px; color:#222; font-weight:600; min-height:75px; background:url(../images/circle_yellow.png) no-repeat 0 0; box-sizing:border-box; padding:20px 0 0 30px; margin-bottom:10px; letter-spacing: -1px;}
.company_d  .type01  li .d_txt  {font-size:16px; color:#666; line-height:1.4; box-sizing:border-box; padding-left:30px;}

.ceo_info {padding-bottom:100px;}
.ceo_info:after {content:""; display:block; clear:both;}
.ceo_info .ceo_box01  {width:40%;}
.ceo_info .ceo_box02  {width:27%; padding:4% 3% 0 3%; }
.ceo_info .ceo_box03  {width:33%;}
.ceo_info .ceo_img  {float:left; box-sizing:border-box;}
.ceo_info .ceo_img.h100  img  {height:100%;}
.ceo_info .ceo_box02  .ceo_txt01 {font-size:14px; color:#fdd000;  font-weight:600; margin-bottom:25px;}
.ceo_info .ceo_box02  .ceo_name {font-size:50px; color:#222; font-weight:600; line-height:1; margin-bottom:40px;}
.ceo_info .ceo_box02  .ceo_txt02 {font-size:15px; color:#888; font-weight:500; margin-bottom:15px;}
.ceo_info .ceo_box02  ul {}
.ceo_info .ceo_box02  ul li {position:relative; padding-left:55px; font-size:15px; color:#888; font-weight:300; line-height:1.2; margin-bottom:15px;}
.ceo_info .ceo_box02  ul li span  {display:block; position:absolute; left:0; top:0; font-size:15px; color:#222; line-height:1.2; font-weight:700; font-family:"Lato!important"}


/*연혁*/

.history_area {max-width:1678px; width:100%; margin:0 auto; padding-top:220px;}
.history_area .history_con  {margin-bottom:160px;}
.history_area .history_con:after {content:""; display:block; clear:both;}
.history_area .history_con .thum_img  {width:31.5%; box-sizing:border-box; float:left; position:relative;}
.history_area .history_con .thum_img  .tit01  {position:absolute; left:5%; top:-30px; font-weight:600; font-size:50px; color:#080808; line-height:1; letter-spacing:-1px;}
.history_area .history_info {width:64%; box-sizing:border-box; float:right;}
.history_area .history_info .his_top_txt  {font-size:16px; color:#555; line-height:1.5; margin-bottom:50px;}

.history_con  .history_info {}
.history_con  .history_info .info_box {width:102%; margin-left:-2%;}
.history_con  .history_info .info_box:After {content:""; display:block; clear:both;}
.history_con  .history_info .info_box .info_con {width:18%; margin-left:2%; float:left;}
.history_con  .history_info .info_box .info_con .year_tit {font-size:20px;  font-weight:600; color:#222; letter-spacing:-1px; padding-bottom:10px; border-bottom:solid 2px #000;}
.history_con  .history_info .info_box .info_con ul {}
.history_con  .history_info .info_box .info_con ul li {padding:20px 0; border-bottom:dashed 1px #aaa;}
.history_con  .history_info .info_box .info_con ul li:last-child {border-bottom:none;}
.history_con  .history_info .info_box .info_con ul li .moon {font-size:16px;  font-weight:600; color:#222; margin-bottom:20px;}
.history_con  .history_info .info_box .info_con ul li .txt {font-size:14px; color:#555; line-height:1.3; letter-spacing:-1px; margin-bottom:10px; font-weight: 400;}
.history_con  .history_info .info_box .info_con ul li .txt:last-child {margin-bottom:0;}

/*복리후생*/

.welfare_area {max-width:1678px; width:100%; margin:0 auto 50px auto; }
.welfare_area .welfare_tit  {font-weight:600; font-size:50px; color:#080808; line-height:1; letter-spacing:-1px; padding-top:150px; margin-bottom:50px; text-align:center;}
.welfare_area .welfare_box  {text-align:center; background:url(../images/welfare_bg.png) no-repeat 0 450px; padding-bottom:80px; margin-bottom: 40px;}
.welfare_area .welfare_box:after  {content:""; display:block; clear:both;}
.welfare_area .welfare_box  .w_con  {width:24%; display:inline-block; margin:0 0.5%; vertical-align:top;}
.welfare_area .welfare_box  .w_con  .w_icon {text-align:center; margin-bottom:50px;}
.welfare_area .welfare_box  .w_con  .w_img {margin-bottom:40px;}
.welfare_area .welfare_box  .w_con  .w_tit {font-size:18px; font-weight:600; color:#222; line-height:1.2; box-sizing:border-box; padding:0 7%; margin-bottom:40px; text-align:left;}
.welfare_area .welfare_box  .w_con  .w_tit.type02 {margin-bottom:100px;}
.welfare_area .welfare_box  .w_con  .w_txt {font-size:15px; color:#666; line-height:1.3; box-sizing:border-box; padding:0 3%;  text-align:left;}

.welfare_box02  {margin-left:-2.33%;}
.welfare_box02:After  {content:""; display:block; clear:both;}
.welfare_box02  .wbox01 {width:31%; margin-left:2.33%; background:#f5f6f6; float:left; margin-bottom:40px;}
.welfare_box02  .wbox01 .tit  {position:relative; box-sizing:border-box; font-size:20px; font-weight:600; color:#222; padding:20px 0 20px 5%; line-height:39px; background:#fdd000;}
.welfare_box02  .wbox01 .tit  span  {position:absolute; right:5%; top:20px;}
.welfare_box02  .wbox01 .point  {box-sizing:border-box; padding:5%;}
.welfare_box02  .wbox01 .point  li  {font-size:15px; color:#666; line-height:1.3; background:url(../images/point_02.png) no-repeat 0 7px; padding-left:15px; margin-bottom:12px; }
.welfare_box02  .wbox01 .point  li:last-child {margin-bottom:0;}
.welfare_box02  .wbox01 .point  li  span  {font-weight:600;}

.welfare_area  .talent_tit {font-size:40px; color:#222; padding:95px 0 80px 0;font-weight: 400;}
.welfare_box02  .wbox01 .talent_list  {box-sizing:border-box; padding:5%;}
.welfare_box02  .wbox01 .talent_list  li  {font-size:15px; color:#666; line-height:1.3; margin-bottom:40px;}
.welfare_box02  .wbox01 .talent_list  li  span  {display:block; font-weight:600; font-size:18px; color:#222; margin-bottom:15px;}
.welfare_box02  .wbox01 .talent_list  li:last-child {margin-bottom:0;}


.w_dl {}
.w_dl dt  {width:38%; box-sizing:border-box;}
.w_dl dd  {width:62%; box-sizing:border-box; padding:6% 5% 0 5%;}
.w_dl dd  .tit  {font-size:30px; font-weight:600; color:#222; margin-bottom:35px; }
.w_dl dd  .txt  {font-size:15px; color:#666; line-height:1.3; margin-bottom:10px;}
.w_dl dd  .txt:last-child {margin-bottom:0;}
.w_dl dd.type01 {text-align:right;}



/*오시는길*/

.directions_area  {max-width:1678px; width:100%; margin:100px auto 50px auto;}
.directions_area  .map_area {margin-bottom:40px; box-sizing:border-box;}
.directions_area  .company_info {}
.directions_area  .company_info:after {content:""; display:block; clear:both;}
.directions_area  .company_info .comp_box {width:37%; box-sizing:border-box; float:left;}
.directions_area  .company_info .comp_box .tit  {font-size:40px; color:#222; margin-bottom:25px; letter-spacing:-1px; }
.directions_area  .company_info .comp_box ul  {}
.directions_area  .company_info .comp_box ul  li  {position:relative; margin-bottom:20px; font-size:16px; color:#666; padding-left:50px; letter-spacing:-1px;}
.directions_area  .company_info .comp_box ul  li  span  { font-weight:600; color:#222; position:absolute; left:0; top:0; }

.traffic_box  {width:63%; box-sizing:border-box; float:left;}
.traffic_box:After  {content:""; display:block; clear:both;}
.traffic_box  .subway {background:url(../images/subway_img01.jpg) no-repeat 0 0; width:65%; float:left; box-sizing:border-box;}
.traffic_box  .bus {background:url(../images/bus_img01.jpg) no-repeat 0 0; width:35%; float:left; box-sizing:border-box;}
.traffic_box  .traffic_con {padding-left:95px; min-height:78px;}
.traffic_box  .traffic_con .tit  {font-size:20px; font-weight:600; color:#222; margin-bottom:20px; padding-top:20px;}
.traffic_box  .traffic_con .txt  {}
.traffic_box  .traffic_con .txt  li  {display:inline-block; font-size:16px; color:#666;  line-height:1.3; margin-right:5%; letter-spacing:-0.5px; margin-bottom:10px;}
.traffic_box  .traffic_con .txt  li:last-child {margin-right:0;}



/*200220추가 오동준*/

.dhfont_box	{display:none; background:#ebebeb; width:100%; box-sizing:border-box; padding:40px;}
.dhfont_slider_area	{max-width:980px; width:100%; margin:0 auto; padding-bottom:30px;}
.dhfont_slider_area	.dhfont_slider	{}

.dhfont_sample_area	{background:#fff; max-width:1680px; width:100%; box-sizing:border-box; padding:46px 5%; margin:0 auto;}
.dhfont_sample_area	ul	{}
.dhfont_sample_area	ul:after	{content:""; display:block; clear:both;}
.dhfont_sample_area	ul	li	{float:left; width:48%;}
.dhfont_sample_area	ul	li:nth-child(even)	{float:right;}

.copy_box	{display:table; max-width:1680px; width:100%; box-sizing:border-box; margin:0 auto; }
.copy_box	.tit	{width:198px; background:#000; font-size:18px; color:#fff; font-weight:600; text-align:center; padding:24px 0;}
.copy_box	.txt	{display:table-cell; font-size:15px; color:#666; line-height:1.6; vertical-align: middle; width: 100%; padding-left: 20px; box-sizing:border-box;}


.web_block	{display:block!important;}
.mob_block	{display:none!important;}




/*200421추가 */
/*팝업추가*/
.all_bg {display:none; position:fixed; left:0; top:0; width:100%; height:100%;    background: url(../images/common/all_bg.png) repeat 0 0;}
.pop_box  {max-width:834px; width:100%; box-sizing:border-box; padding:38px 0; position:absolute; display:none; background:#fff; z-index:900;}
.pop_box  .tit  {font-size:25px; color:#000; text-align:center; margin-bottom:34px;}
.pop_box  .member_txt {box-sizing:border-box; padding:25px 5%; font-size:17px;  line-height:1.2; font-weight:300; color:#727272; text-align:center; background:#f6f7fa; border-top:solid 1px #e2e2e2; margin-bottom:50px;}
.pop_box  .clause_box {padding:0 3.5%; box-sizing:border-box; }
.pop_box  .clause_box .c_tit  {font-size:16px; color:#151515; margin-bottom:12px;}
.pop_box  .clause_box .c_tit  span  {color:#ffde28;}
.pop_box  .clause_box textarea  {border:solid 1px #e2e2e2; padding:20px; box-sizing:border-box; height:250px; overflow-y:auto; width:100%; font-size:15px; color:#999; margin-bottom:17px;font-weight: 500;}
.pop_box  .clause_box .b_box  {padding-bottom:10px;}
.pop_box  .pop_close  {position:absolute; right:3.5%; top:40px; background:url(../images/pop_close_btn.png) no-repeat 0 0; width:21px; height:21px; text-indent:-9999em;}



@media (max-width: 1366px) {



}


@media (max-width: 1200px) {

/*비즈니스*/
.tab_type01 li a  {display:block; box-sizing:border-box; width:100%; font-size:13px; font-weight:600; color:#fff; background:#000; border-left:solid 1px #464646; padding:20px 0;}

}

@media (max-width: 768px) {

/*회원가입*/
.join_step_area {margin-top:75px; background:url(../images/bg_line.png) repeat-x 0 18px;}
.join_step_area ul  {max-width:834px; width:100%; margin:0 auto; background:url(../images/tab_bg.png) repeat-x 0 18px;}
.join_step_area ul:after  {content:""; display:block; clear:both;}
.join_step_area ul  li  {font-size:13px; color:#888; width:33.33%; float:left; padding-top:55px; text-align:center;}


.join_tab {margin-bottom:1px; margin-top:40px;}
.join_tab:after {content:""; display:block; clear:both;}
.join_tab li  {width:50%; float:left;}
.join_tab li  a {display:block; font-size:16px; background:#f8f8f8; color:#999; padding:15px 0; text-align:center;}
.join_tab li  a.on  {background:#151515; color:#fff;font-weight:600;}

.tab_content  {background:#f8f8f8; padding:35px 4%; box-sizing:border-box; margin-bottom:100px;}
.tab_content  .txt01  {font-size:16px; color:#151515; text-align:center; font-weight:600; margin-bottom:35px;}
.tab_content  .txt02  {font-size:16px; color:#151515; text-align:center; font-weight:600; margin-bottom:15px;}

.login_box01  { margin-top:40px;}


.certify_box  {}
.certify_box:after {content:""; display:block; clear:both;}

.certify_con  {text-align:center; width:49%; box-sizing:border-box;  padding:140px 0 25px 0;}
.certify_con  .tit  {font-size:20px; color:#151515; margin-bottom:25px;}
.certify_con  .txt  {font-size:12px; color:#888; line-height:1.6; letter-spacing:-1px; padding-bottom:35px; padding:0 5px 40px 5px; box-sizing:border-box; }

.certify_con.type01 {background:#fff url(../images/certify_img01.jpg) no-repeat center 35px;border:solid 1px #e5e5e5; cursor:pointer; float:left; background-size:75px 75px;}
.certify_con.type01:hover  {background:#fff url(../images/certify_img01_on.jpg) no-repeat center 35px;border:solid 1px #000; background-size:75px 75px;}
.certify_con.type02 {background:#fff url(../images/certify_img02.jpg) no-repeat center 35px;border:solid 1px #e5e5e5; cursor:pointer; float:right; background-size:75px 75px;}
.certify_con.type02:hover  {background:#fff url(../images/certify_img02_on.jpg) no-repeat center 35px;border:solid 1px #000;background-size:75px 75px;}
.certify_con.type01:hover .txt,.certify_con.type02:hover .txt  {background:url(../images/on_arrow.png) no-repeat center bottom; }

.j_txt  {font-size:15px; color:#666; line-height:17px; letter-spacing:-1px; text-align:center; margin-top:50px;}
.j_txt  img {vertical-align:top; padding-right:5px;}




/*회원정보 입력*/
.join_box {background:#f2f2f2; padding:25px 3%; box-sizing:border-box; margin:40px 0 100px 0;}
.j_list {}
.j_list > li  {padding-bottom:20px; color:#999;}
.j_list li  input {border:solid 1px #e5e5e5; box-sizing:border-box; height:50px; line-height:50px; padding:0 10px; width:100%; font-size:13px; color:#999;}
.j_list li  input::placeholder {color:#999;}
.j_list li  select  {border:solid 1px #e5e5e5; box-sizing:border-box; height:50px; line-height:50px; font-size:15px; width:100%; padding:0 10px; color:#999;}
.j_list li  dl.j_dl  {position:relative; padding-left:0;}
.j_list li  dl.j_dl  dt {font-size:14px; color:#151515; position:static; left:0; top:15px; margin-bottom:15px;}
.j_list li  dl.j_dl  dt span  {color:#ffde28;}
.j_list li  dl.j_dl  dd {}
.j_list li  dl.j_dl  dd ol  {}
.j_list li  dl.j_dl  dd ol:after {content:""; display:block; clear:both;}
.j_list li  dl.j_dl  dd ol  li  {float:left; }
.j_list li  dl.j_dl  dd ol  li:last-child {float:right;}
.j_list li  dl.j_dl  dd ol  li.w_01 {width:49%; margin-bottom:2%;}
.j_list li  dl.j_dl  dd ol  li:nth-child(odd)  {margin-left:0;}
.j_list li  dl.j_dl  dd ol  li:nth-child(even)  {}
.j_list li  dl.j_dl  dd ol  li.w_03 {width:100%;}
.j_list li  dl.j_dl  dd ol  li.add_btn_aera  {width:24%; margin-left:1.33%; float:left!important;}
.j_list li  dl.j_dl  dd ol  li.add_btn_aera  .add_btn  {background:#ffde28; color:#000; cursor:pointer;}
.j_list li  dl.j_dl  dd ol  li.type01 {width:40%; float:left;}
.j_list li  dl.j_dl  dd ol  li.type02 {height:50px; line-height:50px; padding:0 9px;float:left;}
.j_list li  dl.j_dl  dd ol  li.type03 {width:48%; float:right;}
.j_list li  dl.j_dl  dd ol  li.type04 {width:48%; margin-right:0; float:right;}
.j_list li  dl.j_dl  dd ol  li.last {width:48%!important; margin-top:2%;}
.j_list li  dl.j_dl  dd ol  li.last02 {width:100%!important; margin-top:2%;}
.j_list li  dl.j_dl  dd ol  li  .new_btn  {background:#ffde28; color:#000; cursor:pointer;}
.j_list li  dl.j_dl  dd ol  li.m_type01 {margin-top:2%;}

.clause_tit {position:relative; margin-bottom:10px;}
.clause_tit p {font-size:13px; color:#151515; line-height:20px;}
.clause_tit .check {position:absolute; right:0; top:0;}
.tarea  {}
.tarea  textarea{resize:none; height:100px; width:100%; border:solid 1px #e5e5e5; background:#fff; padding:10px; box-sizing:border-box; font-size:13px; color:#999; line-height:1.2;}

.a_btn01 {padding-top:20px;}
.a_btn01 a  {font-size:13px; text-align:center; background:#ffde28; color:#000; display:block; max-width:100%; width:100%; height:40px; line-height:40px; }
.a_btn02 {padding-top:20px;}
.a_btn02 a  {font-size:13px; text-align:center; background:#a0a0a0; color:#f8f8f8; display:block; max-width:100%; width:100%; height:40px; line-height:40px; margin:0 auto; }
.a_btn03 {padding-top:20px;}
.a_btn03 a  {font-size:12px; text-align:center; background:#ffde28; color:#000; display:block; max-width:100%; width:100%; height:40px; line-height:40px; margin:0 auto; font-weight:800; }

.a_btn04 {position:relative; left:0; bottom:0; margin-top:20px; padding:0 5%; box-sizing:border-box;}
.a_btn04 a  {font-size:12px; background:#ffde28; color:#000; display:block; width:100%; height:40px; line-height:40px; margin:0 auto; font-weight:800; padding:0 20px; box-sizing:border-box;position:relative; }
.a_btn04 a  span  {display:block; height:40px; line-height:40px; position:absolute; right:20px; top:0;}

/*200131추가*/
.new_btn  { width:100%; margin:40px auto 0 auto;}
.new_btn  a {display:inline-block; width:49%; text-align:center;  font-size:13px; height:60px; line-height:60px; box-sizing:border-box; vertical-align:top;}
.new_btn  a.type01  {background:#ffde28; color:#000; border:solid 1px #ffde28;}
.new_btn  a.type02  {border:solid 1px #888;}
.new_btn  .f_login  {width:100%; margin-top:20px;}
.new_btn  .f_login  a {border:solid 1px #888; height:50px; line-height:50px;}
.new_btn  .f_login  span.f_icon  {padding-left:27px; display:inline-block; background:url(../images/sub/f_icon.png) no-repeat 0 center; line-height:50px; font-size:16px;}

/*회원가입 완료*/

.cp_tit {font-size:16px; font-weight:600; text-align:center; color:#000; margin-bottom:40px;}
.cp_tit span  {font-size:25px; display:block; font-weight:400; margin-bottom:25px;}
.cp_list  {text-align:Center; margin-bottom:60px;}
.cp_list  li  {text-align:center; display:inline-block; padding:0 20px; margin-bottom:20px;}
.cp_list  li  span  {display:block; font-size:11px;  color:#000; margin-top:20px;}

.cp_bbox  {background:#ffde28; box-sizing:border-box; padding:5%; text-align:center;}
.cp_bbox  .tit  {font-size:16px; font-weight:600; color:#000;  margin-bottom:18px;}
.cp_bbox  .txt  {font-size:16px; color:#000; line-height:1.2;}
.cp_bbox  .img  img {max-width:100%;}
.cp_bbox  a {display:inline-block;font-size:16px; font-weight:600; color:#000; padding-right:20px; background:url(../images/on_arrow02.png) no-repeat right center;}

/*기업회원*/
.j_txt01  {font-size:12px; color:#666; margin-top:15px;}
.j_txt02  {font-size:14px; color:#999; margin-top:15px;}

.business_box {margin-top:10px; padding-bottom:20px;}
.business_box .p_list {margin:20px 5% 0 5%;}
.business_box .p_list li  {background:url(../images/point_01.png) no-repeat 0 3px; font-size:13px; color:#666; line-height:17px; letter-spacing:-1px; padding-left:20px; margin-bottom:15px; line-height:1.2;}

/*로그인*/

.search_idpw_box  {position:relative; background:url(../images/line_bg01.jpg) repeat-x 0 0; padding-top:12px; margin-top:50px;}
.search_idpw_box:after  {content:""; display:block; clear:both;}
.search_idpw_box  a {display:block; width:144px; height:40px; line-height:40px; background:#a0a0a0; color:#f8f8f8; font-size:13px; text-align:center; float:none;}
.search_idpw_box  p {background:url(../images/point_01.png) no-repeat 0 0;font-size:15px; color:#666; line-height:17px; letter-spacing:-1px; padding-left:20px; line-height:1.2; position:static; left:0; top:24px; margin-bottom:10px;}


/*디자인 리스트*/

.design_list_area {padding:60px 10px 0 10px; position:relative; max-width:1900px; margin:0 auto;}
.list_search_box  {max-width:90%; width:90%; background:#000; padding:20px 80px 20px 30px; box-sizing:border-box; position:absolute; left:0; top:0; margin:-37px 5% 0 5%;}
.list_search_box  input.txt {height:30px; line-height:30px; border:none; color:#fff; font-size:12px; background:transparent; padding:0 10px; width:100%; box-sizing:border-box;}
.list_search_box  input.search_btn {width:30px; height:30px; background:url(../images/search_icon03.png) no-repeat center; border:none; cursor:pointer; position:absolute; right:30px; top:20px;}
.list_search_box .txt::placeholder {color:#fff;}



/*디자인 뷰*/

.design_view_area {padding:30px 2% 0 2%; /*background:#fff url(../images/sub/view_bg.jpg) repeat-y 0 50%;*/ box-sizing:border-box;max-width:1900px; width:100%; }
.design_view_area:after {content:""; display:block; clear:both;}

.design_view_area .view_content_box {width:100%; }
.view_content_box .btnarea  {position:relative; margin:12px 0 40px 0;}
.view_content_box .btnarea  a {display:block; text-indent:-999em;}
.view_content_box .btnarea  a.prev  {position:absolute; left:10px; top:5px; background:url(../images/arrow_left.png) no-repeat 0 0; width:45px; height:24px;}
.view_content_box .btnarea  a.next  {position:absolute; right:10px; top:5px; background:url(../images/arrow_right.png) no-repeat 0 0; width:45px; height:24px;}
.view_content_box .btnarea  a.list  {background:url(../images/list_btn.png) no-repeat 0 0; width:28px; height:36px; margin:0 auto;}

.view_info  {position:relative; background-size:cover; height:300px;}
.view_info  .view_bg  {position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/event_bg.png) repeat 0 0; z-index:10;}
.top_view_con {position: absolute; left: 0; top: 50%; width:100%; z-index:100;}

.view_icon  {text-align:center;color:#fff; font-size:30px;}
.view_icon.top  {margin-bottom:;}
.vtit_box  {text-align:center;  margin-bottom:15px;}
.vtit_box  .vtit01  {color:#fff; font-size:14px; margin-bottom:15px;letter-spacing:-1px;}
.vtit_box  .vtit02  {color:#fff; font-size:20px;letter-spacing:-1px;}
.vtit_box  .vtit03  {color:#fff; font-size:16px;letter-spacing:-1px; margin-bottom:10px;}




.view_info_ul {text-align:center; margin-top:30px;}
.view_info_ul li  {font-size:12px; color:#fff; margin-bottom:10px; line-height:1.2;}
.view_content_box .day  {text-align:center; font-size:11px; color:#fff; margin-bottom:30px;}

.shere_box  {text-align:center;}


.design_view_area .view_img_areaw {width:100%; padding-top: 40px; margin:0;}
.design_view_area .view_img_areaw img {max-width:100%;}





/*라이프스타일파인더*/

.survey_area  {background:url(../images/life_bg.jpg) repeat 0 0; padding-bottom:110px;}
.survey_area  .h2_tit {font-size:18px; color:#222; line-height:1.3; text-align:center; padding:40px 0 20px 0;}
.survey_area  .survey_box {box-sizing:border-box; background:#fff; max-width:1066px; width:96%; margin:0 auto; padding:70px 4.5% 25px 4.5%; box-shadow : -2px -2px 20px #d7d7d7; position:relative; margin-top:40px; min-height:500px;}
.survey_area  .survey_box  .top_img {max-width:80px; position:absolute; left:50%; top:-40px; margin-left:-40px;}
.survey_area  .survey_box_view  .top_img {max-width:80px; position:absolute; left:50%; top:-40px; margin-left:-40px;}
.survey_area  .survey_box_view {box-sizing:border-box; max-width:1066px; width:96%; margin:0 auto;  box-shadow : -2px -2px 20px #d7d7d7;}

.survey_area  .survey_box .lt,.survey_area  .survey_box .rb {display:none;}

.fubder_category  {text-align:center;}
.fubder_category  .count  {color:#b2b2b2; font-size:16px;  margin-bottom:20px; letter-spacing:-1px; line-height:1;}
.fubder_category  .count strong {color:#111; font-size:16px;  display:inline-block; line-height:1;}
.fubder_category  .tit  {color:#222; font-size:20px;line-height:1; margin-bottom:50px;}
.fubder_category  .tit  span  { font-size:13px; display:block; font-weight:100; line-height:1; margin-top:10px;}


.survey_list  {margin-left:-1.33%; }
.survey_list:after  {content:""; display:block; clear:both;}
.survey_list  li  {position:relative; width:32%;  box-sizing:border-box; margin:0 0 20px 0; }
.survey_list  li  .on_box {position:absolute; left:0px; top:0px; border:solid 1px #000; display:none; width:100%;}
.survey_list  li  .on_box p {max-width:20px; position:absolute; left:50%; top:-10px; margin-left:-10px;}
.survey_list  li.check  .on_box {display:block!important;}
.survey_list  li  .info_box {display:table-cell;vertical-align:middle; box-sizing:border-box; padding:5px;}
.survey_list  li  .info_box .txt  {color:#666; font-size:12px; font-weight:300; margin-top:5px;}
.survey_list  li.check  .info_box .txt {color:#222; font-size:12px;font-weight:400;}

.survey_list  li .info_box .off  {display:none;}
.survey_list  li.check  .info_box .off  {display:none;}
.survey_list  li.check  .info_box .on  {display:none;}
.survey_list  li  .info_box .on  {display:none;}

.survey_list  li  .table_box  {display:table; max-height:120px; box-sizing:border-box; border:solid 1px #e5e5e5; cursor:pointer; width:100%;}
.survey_list  li  .table_box:after  { content: ""; display: block; padding-bottom:100%;}
.survey_list  li  .s_tit {font-size:12px; color:#000; text-align:center; margin-top:10px; line-height:1.2;}

/*결과 헬싱키*/
.result_box {position:relative;}
.result_box:after {content:""; display:block; clear:both;}
.result_box .result_txt {background:#fff; box-sizing:border-box; width:100%; float:none; padding:5%;}
.result_box .result_txt .tit { font-size:20px; color:#222; font-weight:600; padding-top:80px; margin-bottom:30px; letter-spacing:-1px; line-height:1.2; background:url(../images/tit_bg01.jpg) no-repeat 0 0;}
.result_box .result_txt .con {font-size:14px; color:#222; line-height:1.6; letter-spacing:-1px; }
.result_box .result_img {box-sizing:border-box; width:100%; float:none; padding: 5%;}

.result_box .arrow_area a.left  {position:absolute; left:5%; top:95%; margin-top:0;}
.result_box .arrow_area a.right  {position:absolute; right:5%; top:95%; margin-top:0;}


.new_result_box	{}
.new_result_box	li	 {margin-bottom:28px;}
.new_result_box	li:last-child {margin-bottom:0;}
.new_result_box	li	 dl	{background:#fff; display:table;}
.new_result_box	li	 dl	dt	{width:50%;}
.new_result_box	li	 dl	dd	{width:50%; display:table-cell; font-size:13px; line-height:1.6; box-sizing:border-box; padding:0 5%; vertical-align:middle; letter-spacing: -0.5px;}






/*추천컨텐츠*/
.recommend_list {max-width:1680px; width:96%; margin:0 auto; }
.recommend_list:after {content:""; display:block; clear:both;}
.recommend_list .re_list_box {/*max-width:820px;*/ width:100%; box-sizing:border-box; background:#fff; box-shadow : -2px -2px 20px #d7d7d7; padding:3% 3% 70px 3%; position:relative;}
.recommend_list .re_list_box.type01 {float:left; margin-bottom:50px;}
.recommend_list .re_list_box.type02 {float:right;}

.recommend_list .re_list_box  .recommend_tit  {font-size:15px; font-weight:600; color:#222; line-height:26px; padding-left:30px; background:url(../images/list_tit_iocn01.png) no-repeat 0 0; letter-spacing:-1px; margin-bottom:25px;}
.recommend_list .re_list_box  ul.type01  {}
.recommend_list .re_list_box  ul.type01:after  {content:""; display:block; clear:both;}
.recommend_list .re_list_box  ul.type01  li  {float:left; max-width:350px; width:48%; margin-bottom:30px;}
.recommend_list .re_list_box  ul.type01  li:nth-child(even)  {float:right;}
.recommend_list .re_list_box  ul.type01  li  .img  {position:relative; margin-bottom:10px;}
.recommend_list .re_list_box  ul.type01  li  .img  a {display:block; position:absolute; right:0; bottom:0; width:30px}
.recommend_list .re_list_box  ul.type01  li  .cate  {color:#a1a0a0; font-weight:600; font-size:11px;  margin-bottom:10px;}
.recommend_list .re_list_box  ul.type01  li  .tit  {color:#222; font-size:13px; font-weight:600; margin-bottom:10px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.recommend_list .re_list_box  ul.type01  li  .txt  {color:#666; font-size:12px; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:2.8em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; letter-spacing:-1px;}

.recommend_list .re_list_box  ul.type02  {}
.recommend_list .re_list_box  ul.type01:after  {content:""; display:block; clear:both;}
.recommend_list .re_list_box  ul.type02  li  {padding-bottom:10px; margin-bottom:10px; border-bottom:dashed 1px #e5e5e5;}
.recommend_list .re_list_box  ul.type02  li:last-child  {border-bottom:none; margin-bottom:0;}
.recommend_list .re_list_box  ul.type02  li:after  {content:""; display:block; clear:both;}
.recommend_list .re_list_box  ul.type02  li  .img  {position:relative; max-width:136px; width:17%; float:left;}
.recommend_list .re_list_box  ul.type02  li  .img  a {display:block; position:absolute; right:0; bottom:0; width:30px;}
.recommend_list .re_list_box  ul.type02  li  .info {width:77%; float:right;}
.recommend_list .re_list_box  ul.type02  li  .info  .cate  {color:#a1a0a0; font-weight:600; font-size:12px;  margin-bottom:7px;}
.recommend_list .re_list_box  ul.type02  li  .info  .tit  {color:#222; font-size:13px; font-weight:600; margin-bottom:10px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; margin-top:5px;}
.recommend_list .re_list_box  ul.type02  li  .info  .txt  {color:#666; font-size:12px; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:2.8em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; letter-spacing:-1px; margin-bottom:7px;}
.recommend_list .re_list_box  ul.type02  li  .info  .pay  {color:#222; font-size:13px; font-weight:600;}

.more_view  {width:280px; height:40px; line-height:40px; position:absolute; left:50%; bottom:3%; margin-left:-140px;}
.more_view  a {font-size:12px; text-align:center; background:#000; color:#fff; display:block;  }



/*클래스*/

#class_box  {max-width:1680px; width:100%; margin:0 auto;}
.class_list  {}
.class_list  li {width:108%!important; margin:0 0 20px 0; }
.class_list  li .class_thm  {position:relative; margin-bottom:20px;}
.class_list  li .class_thm  span  {display:inline-block; padding:10px; font-size:14px; font-weight:600; line-height:1; position:absolute;}
.class_list  li .class_thm  .ing  { background:#fdd000; color:#222; right:0; top:0;}
.class_list  li .class_thm  .approach  { background:#7d694c; color:#fff; right:0; top:0;}
.class_list  li .class_thm  .end  { background:#353535; color:#fff; right:0; top:0;}
.class_list  li .class_thm  .w_class  {font-size:12px; background:#fff; left:0; bottom:0;}
.class_list  li .tit  {color:#222; font-size:14px; font-weight:600; margin-bottom:10px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; letter-spacing:-1px;}
.class_list  li .txt   {color:#666; font-size:12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em; height: 3.9em;  letter-spacing:-1px; margin-bottom:15px;}
.class_list  li .day  {/*background:url(../images/sub/day_icon.png) no-repeat 0 0; */line-height:21px; font-weight:600; font-size:12px; padding-left:0; font-weight:600;}


.event_tit  {text-align:center; max-width:1000px; width:100%; border:solid 3px #000; margin:0 auto 30px auto; box-sizing:border-box;}
.event_tit  span  {display:inline-block;  padding:15px 30px 15px 0; font-weight:600; font-size:18px; background:url(../images/search_icon04.png) no-repeat right center; background-size: 20px;}

.select_list  { text-align:center; margin-bottom:30px;}
.select_list  li  {display:inline-block; text-align:center; font-size:14px; color:#222; padding:5px 10px; margin:0; line-height:1; cursor:pointer;}
.select_list  li.on {background:#000; color:#fff;}
.select_list  li:hover  {background:#000; color:#fff;}




/*비즈니스*/

.con_type01 {position:relative; border-bottom: solid 1px #e0e0e0; background:#fff;}
.tab_type01 {width:100%; position:absolute; left:0; top:0;}
.tab_type01:after {content:""; display:block; clear:both;}
.tab_type01 li {float:left; text-align:center;}
.tab_type01 li a  {display:block; box-sizing:border-box; width:100%; font-size:13px; font-weight:600; color:#fff; background:#000; border-left:solid 1px #464646; padding:15px 0;}
.tab_type01 li:first-child a  {border-left:none;}
.tab_type01 li.on a {color:#080808; background:#fdd000;}
.tab_type01 li:hover  a {color:#080808; background:#fdd000;}

.tab_type01.tab02  {margin-left:0; max-width:100%;}
.tab_type01.tab02  li {width:50%;}

.tab_type01.tab03  {margin-left:0; max-width:100%;}
.tab_type01.tab03  li {width:33.33%;}


.con_box  {}
.con_box  .box_info {box-sizing:border-box; width:100%; }
.con_box  .pad_box01  {padding:60px 4% 20px 4%;}
.con_box  .pad_box02  {padding:60px 4% 20px 4%;}
.con_box  .box_info .tit01  {font-size:25px; color:#222; font-weight:600; margin-bottom:25px; letter-spacing:-0.5px;}
.con_box  .box_info .tit02  {font-size:25px; color:#222; font-weight:400; margin-bottom:25px; letter-spacing:-0.5px; line-height:1;}
.con_box  .box_info .tit02 strong {display:inline-block;}
.con_box  .box_info .tit02 span {display:inline-block; font-size:12px; color:#999; vertical-align:bottom;}
.con_box  .box_info .txt01  {font-size:13px; color:#555; line-height:1.6; margin-bottom:25px;}
.con_box  .box_info .txt02  {font-size:16px; color:#555; font-weight:600; line-height:1.6; margin-bottom:20px; }
.con_box  .box_info .txt_list {}
.con_box  .box_info .txt_list li  {font-size:13px; color:#666; line-height:1.6; margin-bottom:10px; letter-spacing:-1px;}
.con_box  .box_info .txt_list li:last-child {margin-bottom:0}



.edit_info  {}
.edit_info  .tit  {font-size:15px; color:#080808; letter-spacing:-1px; font-weight:600; margin-bottom:10px;}
.edit_info  ul  {}
.edit_info  ul  li  {display:inline-block; font-size:12px; color:#888; line-height:1.4; margin-left:10px; border-left:solid 1px #dedede; padding:5px 0 5px 10px; letter-spacing:-1px;}
.edit_info  ul  li:first-child  {padding-left:0; margin-left:0; border:none; }

.con_box  .box_img  {float:left; box-sizing:border-box; width:100%;}
.con_box   :not(.box_img) img  {height:100%;}


.section_box  {border-bottom: solid 1px #e0e0e0; }
.section_box:last-child {border-bottom:none;}
.se_box {max-width:1678px; width:100%; margin:0 auto; padding:25px 10px 20px 10px; position:relative; box-sizing:border-box;}
.se_box .tit {font-weight:600; font-size:18px; letter-spacing:-1px; margin-bottom:30px;}
.se_box .tit02 {font-weight:600; font-size:18px; letter-spacing:-1px; padding:35px 0 15px 0;}
.se_box ul.list  {}
.se_box ul.list.type01  {margin-left:0;}
.se_box ul.list.type02  {margin-left:0;}
.se_box ul.list:after  {content:""; display:block; clear:both;}
.se_box ul.list.type01  li  {width:49%; float:left; margin:0 0 20px 0;}
.se_box ul.list.type02  li  {width:49%; float:left; margin-left:0; margin-bottom:35px;}
.se_box ul.list li:nth-child(even)  {float:right;}
.se_box ul.list.type01  li  .book_thum  {position:relative; padding-bottom:25px;}
.se_box ul.list.type02  li  .book_thum  {position:relative;}
.se_box ul.list  li  .book_thum  span  {display:block; background:#fff; width:80%; font-size:14px; font-weight:600; color:#000; padding:10px 0; box-sizing:border-box; position:absolute; left:0; bottom:0; letter-spacing:-1px;}
.se_box ul.list  li  .txt  {font-size:12px; color:#666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  white-space: normal; line-height: 1.6; height: 6.4em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin-bottom:30px; letter-spacing:-0.5px;}
.se_box ul.list  li  .buy  {display:block; width:134px; line-height:18px; box-sizing:border-box; border:solid 1px #d2d2d2; padding:12px 15px; font-size:12px; color:#666; font-weight:600; background:url(../images/buy_iocn.png) no-repeat 94px center; }
.se_box .list_more  {position:absolute; right: 10px; top: 15px; background:url(../images/more_btn02.png) no-repeat center; text-indent:-999em; width:30px; height:30px; display:block; cursor:pointer;}
.se_box ul.list.type02  li .s_tit  {font-size:14px; font-weight:600; color:#000; padding:10px 0; }



/*서비스*/
.font_info  {}
.font_info  .tit  {font-size:15px; color:#080808; letter-spacing:-1px; font-weight:600; margin-bottom:20px;}
.font_info  .tit  span  {display:inline-block; padding:0 5px 10px 5px; border-bottom:solid 2px #000;}
.font_info  ul.down_R  {border:solid 1px #d2d2d2; max-width:100%; width:100%; float:right; margin-bottom:30px;}
.font_info  ul.down_R:after  {content:""; display:block; clear:both;}
.font_info  ul.down_R  li  { float:left; width:50%; border-left:solid 1px #d2d2d2; box-sizing:border-box;}
.font_info  ul.down_R  li:first-child {border-left:none;}
.font_info  ul.down_R  li  a {font-size:12px; color:#515151; letter-spacing:-1px; padding:12px 0 12px 10px; line-height:18px; background:url(../images/down_icon.png) no-repeat 90% center; display:block;}
.font_info  ul.down_R  li:first-child  {padding-left:0; margin-left:0; border:none; }

.more_info  {width:244px; background:#222;}
.more_info  a {display:block; font-size:12px; color:#fff;  font-weight:600; background:url(../images/info_moew_bg.png) no-repeat 95% center; padding:15px; line-height:1;}

.line_ul  {}
.line_ul  li  {padding-bottom:5px;}
.line_ul  li  span  {display:inline-block; font-size:15px; color:#222; font-weight:600; padding:5px; line-height:1; border-bottom:solid 1px #222;}

.con_dl {margin:10px 0; background:#eaeaea; box-sizing:border-box; padding:25px 5%;}
.con_dl:after {content:""; display:block; clear:both;}
.con_dl dt  {float:right; font-size:13px; color:#222; font-weight:600; line-height:1.3; text-align:right; width:100%; box-sizing:border-box; padding: 0; background-image:none; margin-bottom:20px;}
.con_dl dd  {float:left; width:100%; box-sizing:border-box; background-image:none;}
.con_dl dd ul {}
.con_dl dd ul li  {text-align:center; display:inline-block; width:48%; margin-bottom:20px;}
.con_dl dd ul li  span  {display:block; font-size:13px; color:#222; font-weight:600; margin-top:10px;}

.service_box  {max-width:1678px; width:100%; margin:0 auto; padding:50px 10px; box-sizing:border-box;}
.service_list {margin-left:0;}
.service_list:after {content:""; display:block; clear:both;}
.service_list li  {width:48%; float:left; margin-left:0; }
.service_list li:nth-child(even)  {float:right;}
.service_list li  .service_thum {position:relative;}
.service_list li  .service_thum a {position:absolute; right:0; bottom:0; text-indent:-999em; width:30px; height:30px; background:url(../images/more_btn02.png) no-repeat center; }
.service_list li  .tit {font-size:14px; font-weight:600; color:#000; padding:10px 0; letter-spacing: -1px; text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.service_list li  .txt {font-size:12px; color:#666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  white-space: normal; line-height: 1.6; height: 6.4em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin-bottom:20px; letter-spacing:-0.5px;}


/*아이디 비번찾기*/
.search_tit {font-size:18px; font-weight:600; text-align:center; margin-top:40px; line-height:1.2;}
.search_txt {font-size:14px; text-align:center; margin:10px 0 40px 0; line-height:1.2;}


/*아이디/비번찾기 결과*/

.result_box {border-top:solid 1px #dedede; border-bottom:solid 1px #dedede; background:#fff; padding: 0 0 60px 0;}
.result_box:after  {content:""; display:block; clear:both;}
.result_box li  {width:50%; float:left; box-sizing:border-box; text-align:center; border-left:solid 1px #dedede;}
.result_box li:first-child  {border-left:none;}
.result_box li  .tit  {background:#fafafa; font-size:16px; color:#222; padding:10px 0; font-weight:600;}
.result_box li  .txt  {font-size:12px; color:#222; padding:15px 0; border-top:solid 1px #dedede;}

.btn_box  {text-align:center; padding-top:20px;}
.btn_box  a {display:inline-block; margin:0 5px;}
.btn_box  a.type01  {font-size:13px; text-align:center; background:#ffde28; border:solid 1px #ffde28; color:#000; max-width:120px; width:100%; height:40px; line-height:40px;}
.btn_box  a.type02  {font-size:13px; text-align:center; background:#f5f5f5; border:solid 1px #888; color:#000; max-width:100px; width:100%; height:40px; line-height:40px;}


/*월간디자인*/

.edit_info02  {}
.edit_info02  .info_ul  {text-align: right;}
.edit_info02  .info_ul:after  {content:""; display:block; clear:both;}
.edit_info02  .info_ul  li  {float:none; margin-left:0; border-left:none; padding:5px 0 5px 10px; text-align:right; box-sizing:border-box; display:inline-block; border-left:none; }
.edit_info02  .info_ul  li  .tit  {font-size:14px; color:#080808; letter-spacing:-1px; font-weight:600; margin-bottom:20px;}
.edit_info02  .info_ul  li  .txt  {display:inline-block; font-size:12px; color:#888; line-height:1.4; letter-spacing:-1px;}
.edit_info02  .info_ul  li:first-child  {padding-left:0; margin-left:0; border:none; }


.sns_box  {margin-bottom:30px;}
.sns_box  .sns_list {border:solid 1px#d2d2d2; float:right;}
.sns_box  .sns_list:after {content:""; display:block; clear:both;}
.sns_box  .sns_list li  {float:left; box-sizing:border-box; border-left:solid 1px #d2d2d2;}
.sns_box  .sns_list li:first-child  {border-left:none;}
.sns_box  .sns_list li  a {display:block; width:42px; height:42px; box-sizing:border-box; text-indent:-999em;}
.sns_box  .sns_list li  a.sns_home {background:url(../images/home_icon.jpg) no-repeat center;}
.sns_box  .sns_list li  a.sns_facebook {background:url(../images/sns_icon01.jpg) no-repeat center;}
.sns_box  .sns_list li  a.sns_twitter {background:url(../images/sns_icon02.jpg) no-repeat center;}
.sns_box  .sns_list li  a.sns_naver {background:url(../images/sns_icon03.jpg) no-repeat center;}
.sns_box  .sns_list li  a.sns_instar {background:url(../images/sns_icon04.jpg) no-repeat center;}
.sns_box  .sns_list li  a.sns_kakao {background:url(../images/sns_icon05.jpg) no-repeat center;}


/*전략출판*/
.tactic_list01  {border-left:solid 1px #ddd;}
.tactic_list01:after  {content:""; display:block; clear:both;}
.tactic_list01  li  {width:33%; float:left; box-sizing:border-box;display:table; padding:15px 10px; border-top:solid 1px #ddd; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; }
.tactic_list01  li  .txt  {display:table-cell; color:#888; font-size:13px; line-height:1.4; letter-spacing:-1px; vertical-align: middle;}

.design_dl  {background:#eaeaea; box-sizing:border-box; padding:20px; }
.design_dl  dl  {position:relative; padding-right:0; min-height:98px;}
.design_dl  dl  dt  {position:static; right:0; top:0; margin-bottom:10px;}
.design_dl  dl  dd  {text-align:left; }
.design_dl  dl  dd  strong  {display:block;  font-size:13px; color:#222; letter-spacing:-1px; margin-bottom:10px;}
.design_dl  dl  dd  .txt  {letter-spacing:-1px; color:#999; font-size:14px; line-height:1.4;}

.desiigner_info {padding-bottom:10px;}
.desiigner_info ul  {}
.desiigner_info ul  li  {float:left; font-size:12px; color:#666; margin-left:10px; padding-left:10px; line-height:16px; letter-spacing:-1px; background:url(../images/d_gap01.png) no-repeat 0 center; }
.desiigner_info ul  li:first-child  {padding-left:0; margin-left:0; background-image:none;}
.desiigner_info ul  li.name  {font-size:14px; color:#222; font-family: 'Noto Sans KR'}

/*전시*/

.exhibit_list {margin-left:0;}
.exhibit_list:after  {content:""; display:block; clear:both;}
.exhibit_list li  {width:100%; float:left; margin:0 0 20px 0;}
.exhibit_list li:nth-child(even)  {float:right;}
.exhibit_list li  .exhibit_thum {position:relative;}
.exhibit_list li  .exhibit_thum img {width:100%;}
.exhibit_list li  .exhibit_thum a {position:absolute; right:0; bottom:0; text-indent:-999em; width:30px; height:30px; background:url(../images/more_btn02.png) no-repeat center;}
.exhibit_list li  .ex_tit  {font-size:14px; font-weight:600; color:#000; padding-top:25px; letter-spacing: -1px; text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.exhibit_list li  .ex_day  {font-size:12px; padding-top:12px; line-height:1.2;}
.exhibit_list li  .ex_txt  {font-size:12px; color:#666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  white-space: normal; line-height: 1.6; height: 6.4em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; letter-spacing:-0.5px; padding-top:10px; margin-bottom:10px;}
.exhibit_list li  .hash_tags  {}
.exhibit_list li  .hash_tags span  {display:inline-block; color:#999; font-size:12px; padding:5px 7px; border:solid 1px #d6d4d4; margin:2px;}
.exhibit_list li .listsbox {margin-top:20px;}
.exhibit_list li .listsbox .s_tit {font-size:14px; color:#222; font-weight:600; line-height:1.2; margin-bottom:10px; }
.exhibit_list li .listsbox .s_txt {box-sizing:border-box; padding:10px; border:solid 1px #d6d4d4; background:#f3f3f3; line-height:1.3; font-size:12px; color:#888; }


.design_dl02  {background:#eaeaea; box-sizing:border-box; padding:20px; }
.design_dl02  dl  {position:relative; padding-right:0; min-height:98px;}
.design_dl02  dl  dt  {position:static; right:0; top:0; margin-bottom:10px; max-width:96px;}
.design_dl02  dl  dd  {text-align:left; padding:0; background-image:none;}
.design_dl02  dl  dd  strong  {display:block;  font-size:13px; color:#222; letter-spacing:-1px; margin-bottom:10px;}
.design_dl02  dl  dd  .txt  {letter-spacing:-1px; color:#999; font-size:14px; line-height:1.4;}

.design_info_ul01 {}
.design_info_ul01 li  {margin-bottom:20px;}
.design_info_ul01 li:last-child  {margin-bottom:0;}
.design_info_ul01 li  span  {display:inline-block; line-height:16px;  font-size:12px; color:#666; letter-spacing:-1px; padding-left:10px; margin-left:10px; background-image:none; line-height:1.6;}
.design_info_ul01 li  span.name { font-size:14px; color:#222;padding-left: 0; margin-left:0;}
.design_info_ul01 li  span:first-child  {background-image:none;}


/*컴퍼니 소개*/
.font_info  ul.down_R02  {border:solid 1px #d2d2d2; max-width:345px; width:100%; float:right; margin-bottom:30px;}
.font_info  ul.down_R02:after  {content:""; display:block; clear:both;}
.font_info  ul.down_R02  li  { float:left; width:33%; border-left:solid 1px #d2d2d2; box-sizing:border-box;}
.font_info  ul.down_R02  li:first-child {border-left:none;}
.font_info  ul.down_R02  li  a {font-size:12px; color:#515151; letter-spacing:-1px; padding:12px 0 12px 10px; line-height:18px; background:url(../images/down_icon02.png) no-repeat 68px center; display:block;}
.font_info  ul.down_R02  li:first-child  {padding-left:0; margin-left:0; border:none; }

.company_d  {max-width:1678px; width:100%; margin:0 auto; padding:0 10px; box-sizing:border-box;}
.company_d  .tit  {font-size:18px; color:#222; font-weight:600; letter-spacing: -1px; padding:50px 0 35px 0;}
.company_d  .type01  {margin-bottom:70px;}
.company_d  .type01:after  {content:""; display:block; clear:both;}
.company_d  .type01  li { width:100%; box-sizing:border-box; padding-right:3%; float:left; margin-bottom:20px;}
.company_d  .type01  li .d_tit  {font-size:18px; color:#222; font-weight:600; min-height:50px; background:url(../images/circle_yellow.png) no-repeat 0 0; box-sizing:border-box; padding:15px 0 0 15px; margin-bottom:10px; letter-spacing: -1px; background-size:50px 50px;}
.company_d  .type01  li .d_txt  {font-size:12px; color:#666; line-height:1.4; box-sizing:border-box; padding-left:15px; }

.ceo_info {padding-bottom:50px;}
.ceo_info:after {content:""; display:block; clear:both;}
.ceo_info .ceo_box01  {width:100%;}
.ceo_info .ceo_box02  {width:100%; padding: 5%;}
.ceo_info .ceo_box03  {width:100%;}
.ceo_info .ceo_img  {float:left; box-sizing:border-box;}
.ceo_info .ceo_img.h100  img  {height:100%;}

.ceo_info .ceo_box02  .ceo_txt01 {font-size:14px; color:#fdd000;  font-weight:600; margin-bottom:15px;}
.ceo_info .ceo_box02  .ceo_name {font-size:25px; color:#222; font-weight:600; line-height:1; margin-bottom:20px;}
.ceo_info .ceo_box02  .ceo_txt02 {font-size:13px; color:#888; font-weight:500; margin-bottom:15px;}
.ceo_info .ceo_box02  ul {}
.ceo_info .ceo_box02  ul li {position:relative; padding-left:55px; font-size:13px; color:#888; line-height:1.2; margin-bottom:15px;}
.ceo_info .ceo_box02  ul li span  {display:block; position:absolute; left:0; top:0; font-size:13px; color:#222; line-height:1.2;}





/*연혁*/

.history_area {max-width:1678px; width:100%; margin:0 auto; padding:100px 3% 0 3%; box-sizing:border-box;}
.history_area .history_con  {margin-bottom:80px;}
.history_area .history_con:after {content:""; display:block; clear:both;}
.history_area .history_con .thum_img  {width:100%; box-sizing:border-box; float:left; position:relative; margin-bottom:20px;}
.history_area .history_con .thum_img  .tit01  {position:absolute; left:5%; top:-12px; font-weight:600; font-size:25px; color:#080808; line-height:1; letter-spacing:-1px;}
.history_area .history_info {width:100%; box-sizing:border-box; float:right;}
.history_area .history_info .his_top_txt  {font-size:14px; color:#555; line-height:1.5; letter-spacing: -0.5px; margin-bottom:50px;}

.history_con  .history_info {}
.history_con  .history_info .info_box {width:102%; margin-left:-2%;}
.history_con  .history_info .info_box:After {content:""; display:block; clear:both;}
.history_con  .history_info .info_box .info_con {width:48%; margin-left:2%; float:left;}
.history_con  .history_info .info_box .info_con .year_tit {font-size:20px;  font-weight:600; color:#222; letter-spacing:-1px; padding-bottom:10px; border-bottom:solid 2px #000;}
.history_con  .history_info .info_box .info_con ul {}
.history_con  .history_info .info_box .info_con ul li {padding:20px 0; border-bottom:dashed 1px #aaa;}
.history_con  .history_info .info_box .info_con ul li:last-child {border-bottom:none;}
.history_con  .history_info .info_box .info_con ul li .moon {font-size:16px;  font-weight:600; color:#222; margin-bottom:20px;}
.history_con  .history_info .info_box .info_con ul li .txt {font-size:14px; color:#555; line-height:1.3; letter-spacing:-1px; margin-bottom:10px;}
.history_con  .history_info .info_box .info_con ul li .txt:last-child {margin-bottom:0;}



/*복리후생*/

.welfare_area {max-width:1678px; width:100%; margin:0 auto 25px auto; box-sizing:border-box; padding:0 2%; }
.welfare_area .welfare_tit  {font-weight:600; font-size:25px; color:#080808; line-height:1; letter-spacing:-1px; padding-top:75px; margin-bottom:25px; text-align:center;}
.welfare_area .welfare_box  {text-align:center; background-image:none; padding-bottom:20px; margin-bottom: 20px;}
.welfare_area .welfare_box:after  {content:""; display:block; clear:both;}
.welfare_area .welfare_box  .w_con  {width:100%; display:block; margin:0 0 20px 0; vertical-align:top;}
.welfare_area .welfare_box  .w_con  .w_icon {text-align:center; margin-bottom:25px;}
.welfare_area .welfare_box  .w_con  .w_img {margin-bottom:20px;}
.welfare_area .welfare_box  .w_con  .w_tit {font-size:16px; font-weight:600; color:#222; line-height:1.2; box-sizing:border-box; padding:0 7%; margin-bottom:20px; text-align:left;}
.welfare_area .welfare_box  .w_con  .w_tit.type02 {margin-bottom:20px;}
.welfare_area .welfare_box  .w_con  .w_txt {font-size:14px; color:#666; line-height:1.3; box-sizing:border-box; padding:0 3%; letter-spacing:-1px; text-align:left;}

.welfare_box02  {margin-left:0%;}
.welfare_box02:After  {content:""; display:block; clear:both;}
.welfare_box02  .wbox01 {width:100%; margin-left:0%; background:#f5f6f6; float:left; margin-bottom:20px;}
.welfare_box02  .wbox01 .tit  {position:relative; box-sizing:border-box; font-size:18px; font-weight:600; color:#222; padding:10px 0 10px 5%; line-height:39px; background:#fdd000;}
.welfare_box02  .wbox01 .tit  span  {position:absolute; right:5%; top:10px;}
.welfare_box02  .wbox01 .point  {box-sizing:border-box; padding:5%;}
.welfare_box02  .wbox01 .point  li  {font-size:13px; color:#666; line-height:1.3; background:url(../images/point_02.png) no-repeat 0 7px; padding-left:15px; margin-bottom:10px; letter-spacing:-1px;}
.welfare_box02  .wbox01 .point  li:last-child {margin-bottom:0;}
.welfare_box02  .wbox01 .point  li  span  {font-weight:600;}

.welfare_area  .talent_tit {font-size:20px; color:#222; padding:45px 0 40px 0;}
.welfare_box02  .wbox01 .talent_list  {box-sizing:border-box; padding:5%;}
.welfare_box02  .wbox01 .talent_list  li  {font-size:13px; color:#666; line-height:1.3; margin-bottom:20px; }
.welfare_box02  .wbox01 .talent_list  li  span  {display:block; font-weight:600; font-size:15px; color:#222; margin-bottom:10px;}
.welfare_box02  .wbox01 .talent_list  li:last-child {margin-bottom:0;}




.w_dl {margin-bottom:20px;}
.w_dl dt  {width:100%; box-sizing:border-box;}
.w_dl dd  {width:100%; box-sizing:border-box; padding:4%;}
.w_dl dd  .tit  {font-size:20px; font-weight:600; color:#222; margin-bottom:20px; }
.w_dl dd  .txt  {font-size:14px; color:#666; line-height:1.3; margin-bottom:10px;}
.w_dl dd  .txt:last-child {margin-bottom:0;}
.w_dl dd.type01 {text-align:left;}




/*오시는길*/

.directions_area  {max-width:1678px; width:100%; margin:50px auto 25px auto; box-sizing:border-box; padding:0 3%;}
.directions_area  .map_area {margin-bottom:20px; box-sizing:border-box;}
.directions_area  .company_info {}
.directions_area  .company_info:after {content:""; display:block; clear:both;}
.directions_area  .company_info .comp_box {width:100%; box-sizing:border-box; float:left;}
.directions_area  .company_info .comp_box .tit  {font-size:20px; color:#222; margin-bottom:25px; letter-spacing:-1px; }
.directions_area  .company_info .comp_box ul  {}
.directions_area  .company_info .comp_box ul  li  {position:relative; margin-bottom:20px; font-size:13px; color:#666; padding-left:40px; letter-spacing:-1px;}
.directions_area  .company_info .comp_box ul  li  span  { font-weight:600; color:#222; position:absolute; left:0; top:0; }

.traffic_box  {width:100%; box-sizing:border-box; float:left;}
.traffic_box:After  {content:""; display:block; clear:both;}
.traffic_box  .subway {background:url(../images/subway_img01.jpg) no-repeat 0 0; width:100%; float:left; box-sizing:border-box; background-size:60px;}
.traffic_box  .bus {background:url(../images/bus_img01.jpg) no-repeat 0 0; width:100%; float:left; box-sizing:border-box;background-size:60px;}
.traffic_box  .traffic_con {padding-left:75px; min-height:78px;}
.traffic_box  .traffic_con .tit  {font-size:18px; font-weight:600; color:#222; margin-bottom:0; padding-top:10px;}
.traffic_box  .traffic_con .txt  {}
.traffic_box  .traffic_con .txt  li  {display:inline-block; font-size:13px; color:#666; font-weight:400; line-height:1.3; margin-right:5%; letter-spacing:-1px; margin-top:10px;}
.traffic_box  .traffic_con .txt  li:last-child {margin-right:0;}



/*200220추가 오동준*/

.dhfont_box	{display:none; background:#ebebeb; width:100%; box-sizing:border-box; padding:4%;}
.dhfont_slider_area	{max-width:980px; width:100%; margin:0 auto; padding-bottom:30px;}
.dhfont_slider_area	.dhfont_slider	{}

.dhfont_sample_area	{background:#fff; max-width:1680px; width:100%; box-sizing:border-box; padding:5%; margin:0 auto;}
.dhfont_sample_area	ul	{}
.dhfont_sample_area	ul:after	{content:""; display:block; clear:both;}
.dhfont_sample_area	ul	li	{float:left; width:100%;}
.dhfont_sample_area	ul	li:nth-child(even)	{float:right;}

.copy_box	{display:block ; max-width:1680px; width:100%; box-sizing:border-box; margin:0 auto; }
.copy_box	.tit	{max-width:100%; width:100%; background:#000; font-size:16px; color:#fff; font-weight:600; text-align:center; padding:10px 0; margin-bottom:10px;}
.copy_box	.txt	{display:block; font-size:13px; color:#666; line-height:1.6; vertical-align: middle; width: 100%; padding-left: 0; box-sizing:border-box;}



.web_block	{display:none!important;}
.mob_block	{display:block!important;}



/*200421추가 */
/*팝업추가*/
.all_bg {display:none; position:fixed; left:0; top:0; width:100%; height:100%;    background: url(../images/common/all_bg.png) repeat 0 0;}
.pop_box  {max-width:834px; width:90%; box-sizing:border-box; padding:19px 0; position:absolute; display:none; background:#fff;}
.pop_box  .tit  {font-size:16px; color:#000; text-align:center; margin-bottom:17px;}
.pop_box  .member_txt {box-sizing:border-box; padding:15px 5%; font-size:12px;  line-height:1.2; font-weight:300; color:#727272; text-align:center; background:#f6f7fa; border-top:solid 1px #e2e2e2; margin-bottom:25px;}
.pop_box  .clause_box {padding:0 3.5%; box-sizing:border-box; }
.pop_box  .clause_box .c_tit  {font-size:14px; color:#151515; margin-bottom:12px;}
.pop_box  .clause_box .c_tit  span  {color:#ffde28;}
.pop_box  .clause_box textarea  {border:solid 1px #e2e2e2; padding:10px; box-sizing:border-box; height:150px; overflow-y:auto; width:100%; font-size:12px; color:#999; margin-bottom:17px;font-weight: 500;}
.pop_box  .clause_box .b_box  {padding-bottom:10px;}
.pop_box  .pop_close  {position:absolute; right:3.5%; top:20px; background:url(../images/pop_close_btn.png) no-repeat 0 0; width:15px; height:15px; text-indent:-9999em; background-size:cover;}






}

@media (max-width: 375px) {

/*200131추가*/
.new_btn  {margin-left:0; margin-top:40px;}
.new_btn  a {display:inline-block; width:48%; text-align:center;  font-size:13px; height:60px; line-height:60px; box-sizing:border-box; vertical-align:top;}
.new_btn  a.type01  {background:#ffde28; color:#000; border:solid 1px #ffde28;}
.new_btn  a.type02  {border:solid 1px #888;}
.new_btn  .f_login  {width:100%; margin-top:20px;}
.new_btn  .f_login  a {border:solid 1px #888; height:100%; line-height:1; display:block; width:98%; }
.new_btn  .f_login  span.f_icon  {padding-left:27px; display:inline-block; background:url(../images/sub/f_icon.png) no-repeat 0 center; line-height:40px; font-size:14px; background-size:10px 20px;}

}