@charset 'utf-8';

.tit_box{position:relative;padding-bottom:15px;background:url(/assets/images/comm/bg/bg_title.gif) no-repeat left bottom;}
.tit_box h2{color:#3b3b3b;font-size:20px;font-weight:bold;}
.tit_box.view {padding-left:95px;padding-top:8px;}
.tit_box.view h3{color:#404d68;font-size:20px;font-weight:bold;}
.tit_box.view .date{width:75px;line-height:1.25em;font-size:16px;border-right:1px solid #b7b7b7;position:absolute;left:0;top:5px;color:#353535;}
.tit_box.view .date span{font-size:20px;}
.tit_box.view .writer{font-size:14px;color:#7a7a7a;margin-top:5px;}

.blog_list{}
.blog_list li{position:relative;border-top:1px solid #d7d7d7;}
.blog_list li:first-child{border-top:none;}
.blog_list li {font-size:18px;padding:20px 0 20px 215px;}
.blog_list li .title {color:#404d68;font-weight:bold;}
.blog_list li .img {position:absolute;left:0;top:20px;}
.blog_list li .text {font-size:14px;line-height:1.25em;padding:10px 10px 0 0;height:72px;overflow:hidden;}

/*2013-08-02 검색 서브에 밑줄 아래로 바낌*/
.blog_list_seach li {position:relative;border-bottom:1px solid #d7d7d7;}
.blog_list_seach li:first-child{border-top:none;}
.blog_list_seach li {font-size:18px;padding:20px 0 30px 215px;}
.blog_list_seach li .title {color:#404d68;font-weight:bold;}
.blog_list_seach li .img {position:absolute;left:0;top:20px;}
.blog_list_seach li .text {font-size:14px;line-height:1.25em;padding:10px 10px 0 0;height:72px;overflow:hidden;}

.sociable.sns_count { margin-top: 20px;}
.sociable > ul > li {  display: inline; border-top: none; padding: 10px 10px 0 0; }
.sociable.share > ul > li { margin-left: -3px; margin-top: -10px;}

.sns_num{overflow:hidden;height:25px; }
.sns_num dt, .sns_num dd{float:left;}
/*.sns_num dt{width:25px;height:25px;background:url(/assets/images/comm/ico/ico_sns.gif) no-repeat left top;}*/
.sns_num dt{height:25px; margin-right: 5px}
.sns_num dt a{display:block;font-size:1;line-height:1;}
.sns_num dt.ico_f{background-position:0 0;}
.sns_num dt.ico_t{background-position:0 -25px;}
.sns_num dt.ico_g{background-position:0 -50px;}
.sns_num dt.ico_i{background-position:0 -75px;}
.sns_num dd{font-size:14px;line-height:27px;padding:0 10px 0 5px;}
.sns_num dd a{color:#2c2c2c;}

.btn_share {float:left;width:25px;height:25px;background:url(/assets/images/comm/ico/ico_sns.gif) no-repeat left -100px;}/* 2013-07-31 추가 */
.btn_share a{display:block;font-size:1;line-height:1;text-indent:-9999em;}/* 2013-07-31 추가 */

.article{*zoom:1;}
.article:after{content:"";display:block;clear:both;}
.article .sns_num{float:right;padding:10px 0;}
.article .article_cont{padding-bottom:25px;}

.sns_area{padding:22px 0 0 0;background:url(/assets/images/comm/bg/bg_title.gif) no-repeat left top;}

.signup {display:inline-block;width:100%;}
.signup dt {float:left;width:160px;color:#525252;font-size:16px;font-weight:bold;line-height:19px;padding:16px 0 16px 20px;border-bottom:1px solid #b7b7b7;}
.signup dt .star{padding-right:5px;margin-left:-10px;}
.signup dd{float:left;width:210px;height:30px;line-height:30px;padding:11px 0 10px;border-bottom:1px solid #b7b7b7;color:#696969;font-size:16px;}
.signup dd.wide{width:600px;}
.signup dd.dep{padding:20px 0;}
.signup dt.wide2 {width:280px;}
.signup dd.wide2 {width:480px;}

.um_field_container { width: 760px; float:left; color:#525252;font-size:16px;font-weight:bold;line-height:19px;padding:16px 10px 16px 10px;border-bottom:1px solid #b7b7b7; }
.um_field_container.half { width: 370px; }
.um_field_container label { line-height: 28px; }
.um_field_container input[type="text"], .signup .um_field_container input[type="password"]{color:#636363;font-size:16px;height:26px;line-height:26px;border:1px solid #b7b7b7;padding:0 5px;}
.um_field_container input[type="radio"]{width:16px;height:27px;vertical-align:middle;}
.um_field_container input[type="check"]{width:16px;height:27px;vertical-align:middle;}
.um_field_container select {font-size:16px; width: 212px; padding:2px 3px 3px 3px;}
.um_field_container > .title { float: left; padding-top: 10px; }
.um_field_container > .arrow { font-size: 10pt; font-weight: normal; float: left; padding-left: 320px; padding-top: 10px; }
.um_field_container > .oneall_social_login { float: right; width: 55px; height: 40px; overflow: hidden; }
.um_field_container .oneall_social_login_label { display: none; }
.um_field_container.label_wide > label { width: 300px; }
.um_field_container > input[readonly="readonly"] { background-color: #eeeeee; }

#sociable ul li { border-top: none; }

.term{border:1px solid #b7b7b7;padding:5px;margin-top:20px;color:#7b7b7b;height:120px;overflow-y:auto;font-size:14px;}

input.text{color:#636363;font-size:16px;height:28px;line-height:28px;border:1px solid #b7b7b7;padding:0 5px;}
input.radio{width:16px;height:16px;vertical-align:middle;}
input.check{width:16px;height:16px;vertical-align:middle;}
select.select{font-size:16px;padding:6px 3px;}

.btn_box{text-align:center;padding:20px 0 10px;float:left;width:100%;}
.button, .button a, .button button, .button input {position:relative;margin:0;display:-moz-inline-stack;display:inline-block;text-decoration:none !important;border:0;font-size:12px;white-space:nowrap;overflow:visible;color:#333;}
.button {height:34px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.button a, .button button, .button input {left:2px; vertical-align:top; cursor:pointer;height:34px; padding:0 25px 0 23px; font-size:14px; line-height:34px;}
.button.blue, .button.blue a, .button.blue button,.button.blue input {color:#fff;background:#305295;}
.button.white{height:32px;border:1px solid #acacac;border-right:3px solid #acacac;}
.button.white a, .button.white button,.button.white input {color:#525252;background:#fff;height:32px;}

a.btn_more{display:block;width:100%;color:#3f3f3f;font-size:16px;font-weight:bold;clear:both;text-align:center;padding:5px 0 10px;border-top:1px solid #b7b7b7;border-bottom:2px solid #929292;background:url(/assets/images/comm/bg/bg_arr_dw_a.gif)no-repeat center 24px;}

@import url(http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicWeb);
#pop_wrap *{font-size:14px; line-height:1.3em;font-family: 'NanumGothic', '나눔고딕', 'NanumGothicWeb';color:#4d4c4c;}
#pop_header{background:url(/assets/images/comm/bg/bg_pop_header.gif) repeat left top;height:40px;position:relative;}
#pop_header h1{font-size:20px;color:#fff;font-family:Arial;padding:0 0 0 15px;line-height:40px;}
#pop_header span.logo{position:absolute;top:14px;right:13px;}
#pop_header span.close{position:absolute;top:14px;right:13px;}
#pop_container {padding:10px;background:#fff;}
#pop_contents .login{position:relative;}
#pop_contents .login .txt1{font-size:14px;color:#20242a;line-height:1.3em;font-weight:bold;}
#pop_contents fieldset{padding:10px 220px 20px 5px;}
#pop_contents .login label{font-size:16px;color:#2f2f2f;font-weight:bold;display:block;line-height:18px;padding:10px 0 3px 0;}
#pop_contents .login .input_tx{width:243px;height:33px;line-height:33px;padding:0 5px;font-size:16px;border:none;background:url(/assets/images/comm/bg/bg_pop_login_input.gif) no-repeat left top;}
#pop_contents .login .btn{margin-top:20px;}
#pop_contents .login .txt2 a{font-size:14px;color:#4b4b4b;text-decoration:underline;}
#pop_contents .login .link_facebook{position:absolute;top:85px;left:285px;width:130px;text-align:center;padding:15px 0 0 40px;background:url(/assets/images/comm/bg/bg_pop_login_bar.gif) no-repeat left center;height:133px;}
#pop_contents .login .link_facebook a{font-size:14px;color:#2f2f2f;}
#pop_contents .login .link_facebook a strong{line-height:17px;display:block;padding:10px 0 0 0;}

#pop_contents .policy fieldset .text_policy{width:478px; height:490px; padding:10px; background:#FFFFFF none repeat scroll; overflow-y:scroll; border:1px solid #000; line-height:25px; font-size:15px; color:#131313;}
#pop_contents .policy fieldset .text_policy span {color:#0f2e90;}

/* 2013-08-07 fieldset 추가 */
#pop_contents .policy .text_policy *{line-height:26px; font-size:15px; color:#131313;font-family:Arial, 돋움 ,dotum,'굴림',gulim, sans-serif,helvetica;} 
#pop_contents .policy .text_policy h2{font-weight:bold;margin-top:26px;} 
#pop_contents .policy .text_policy h3{font-weight:bold;margin-top:26px;} 
#pop_contents .policy .text_policy h3.first{margin-top:0;} 
#pop_contents .policy .text_policy .txt1{margin-top:26px;} 
#pop_contents .policy .text_policy a.link{color:#06207f;} 
#pop_contents .policy .text_policy a.link:hover,
#pop_contents .policy .text_policy a.link:active,
#pop_contents .policy .text_policy a.link:focus{text-decoration:underline;} 
/* //2013-08-07 fieldset 추가 */

.ml50{margin-left:50px;}
.ml40{margin-left:40px;}
.mt10{margin-top:10px;}

.widget-inner > h3 { text-indent: -9999em; }

.single-title { font-size: 18px; font-weight: bold; padding: 10px 0 5px 0; }
.italic-ta-right { text-align: left; font-style: italic; }
.time { display: block; width: 100%; padding: 0 0 10px 0; }

ul.tags { display: block; padding: 20px 0;}
ul.tags > li { display: inline; list-style-type: none; padding: 0 20px 0 23px; font-size: 13px; border-top: none;}

.join_selet{text-align:center;padding:150px 0 100px;}
.join_selet a:first-child{margin-right:40px;}

.tags {
  list-style: none;
  margin: 0;
  overflow: hidden; 
  padding: 0;
}

ul.tags > li.tag {
  float: left; 
}

ul.tags > li.tag {
  background: #eee;
  border-radius: 3px 0 0 3px;
  color: #999;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 20px 0 23px;
  position: relative;
  margin: 0 10px 10px 0;
  text-decoration: none;
  -webkit-transition: color 0.2s;
}

ul.tags > li.tag::before {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 6px;
  left: 10px;
  position: absolute;
  width: 6px;
  top: 10px;
}

ul.tags > li.tag::after {
  background: #fff;
  border-bottom: 13px solid transparent;
  border-left: 10px solid #eee;
  border-top: 13px solid transparent;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}

ul.tags > li.tag:hover {
  background-color: #21759b;
  color: white;
}

ul.tags > li.tag:hover::after {
   border-left-color: #21759b; 
}