body {background-color:#fff; }

#wrap {width: 100%; text-align: left;}

.hidden_nav {width:auto;}

input[type=text], input[type=button], button {border-radius:0;-webkit-appearance:none}

#footer,
.service_wrap #header,
.service_wrap #container,
.service_wrap #footer {width:auto;}

#footer {margin: 0px auto 5px;}

footer.loginFooter {width: auto; padding: 10px;}

h1.logo {float:left;overflow: hidden;width:36px;height:30px;background-image: url(/img/mhk_logo_mobilehk.png);background-repeat: no-repeat;background-size: 36px; margin:4px 0px 0 7px;}
h1.logo_50 {background-position: 24px 10px;background-image: url(/apps/api.logo);background-repeat: no-repeat; width:150px; height: 60px; float: right; background-size: 150px;}

.service_wrap iframe {max-width:100%;}

/*2016-09-06 ¼öÁ¤*/
.service_wrap .topNavi {background-color:#fff; border-top:3px solid #38aad9; width:auto; height:76px;border-bottom: 1px solid #000}
.service_wrap .topNavi .menu li a {font-size:15px;font-weight:normal;color:#000;float:left;padding:0px 2px;display:block; margin-left:2px; line-height:28px; height:25px; width:auto;}
.service_wrap .topNavi .menu li a.on {color:#e94625;}
.service_wrap .topNavi .menu li a span.wsj {background: url(/img/mhk_logo_wsj.png) no-repeat center; width: 26px; height:28px; vertical-align: middle; display: block; background-size: 26px;}
.service_wrap .topNavi .menu li a.on span.wsj {background: url(/img/mhk_logo_wsj_on.png) no-repeat center; background-size: 26px;height:28px;vertical-align: middle; display: block; background-size: 26px;}
.service_wrap .topNavi .m_gnb_service {position:relative; z-index:2;}
.service_wrap .topNavi .m_gnb_icon {position:absolute;top: 20px;right:15px;}
.service_wrap .topNavi .m_gnb_icon a {background:url(/img/gnb_icon_2017.png) no-repeat 0 0; width:30px; height:30px; display:block; cursor:pointer; background-size: 30px;}
.service_wrap .topNavi .m_gnb_icon a.on {}
.service_wrap .topNavi .m_gnb_icon a span {overflow:hidden; float:left; height:23px; text-align:left; text-indent:-9000px; font-size:0;}
.service_wrap .topNavi .m_gnb {background:#fff; box-shadow:1px 1px 1px #333; position:absolute; top:30px; right:10px; padding:10px; opacity: 0.0; filter: alpha(opacity=0);}
.service_wrap .topNavi .m_gnb li {padding:5px 0}
.service_wrap .topNavi .m_gnb li a {font-size:13px; color:#2b3044;}

h1.logo {float:left;overflow: hidden;width:50px;height:40px;background-image: url(/img/mhk_logo_mobilehk_2017.png);background-repeat: no-repeat;background-size: 42px; margin:12px 2px 0 7px;}



.service_wrap #footer {width:auto; padding:10px; margin-top: 0px;}
.service_wrap #swiper-contents {margin-bottom: 20px; background-color: #fff;}
.service_wrap .swiper-container {width:100%;height:100%;color:#fff;text-align:center; }
.service_wrap .swiper-container .swiper-slide {width:auto; height:100%; float: left;position: relative;}
.service_wrap .swiper-container .swiper-slide .title {font-size:42px;margin:80px 0 0 0;line-height:36px;padding-left:10px;padding-right:10px; height: 36px;}

.service_wrap .swiper-container.top {width:100%;overflow-x: hidden;height: 36px;color:#ebecef;text-align:center;background-color:#ebecef;border-bottom:1px solid #ccc}
.service_wrap .swiper-container.top .swiper-slide .title {font-weight:normal;color: #000;font-size: 14px;margin-top:0px;margin-bottom:0;letter-spacing: -1px;line-height: 33px;border-bottom: 1px solid #ccc;}
.service_wrap .swiper-container.top .swiper-slide .title.on {color: #000; font-weight: bold; border-bottom: 2px solid #000;  border-radius:0;line-height: 33px;height: 36px; background: url(/img/mhk_gnb_underline.gif) 0px 33px repeat-x #ebecef;}


.service_wrap .news_list {padding: 0 10px; margin-bottom: 15px; border-top: 0px;}
.service_wrap .news_list li {margin-top: 10px; padding-top: 0px; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; border-top: 0px; } /* 2014-12-10 lineColor ¼öÁ¤ */
.service_wrap .news_list li h3 {display: block; text-align: left; overflow: hidden; color: #2b3044;}

@media (min-width: 700px) {
	.service_wrap .news_list {padding: 0 20px;}
	.service_wrap .news_list li {width: 350px; display: inline-block;}
	.service_wrap .news_list li:nth-child(even) {margin-left:20px; padding-left:0px;}
	.service_wrap .news_list li h3 {height: 40px;}
}



.service_wrap .news_list li p.info {display:block; font-size:12px; margin-top: 5px; text-align: left;}
.service_wrap .news_list li p.info span {margin-left: 0px; margin-right: 10px;}
.service_wrap .news_list .thum {width: 85px; height: 60px; float: right; margin-right: 0px; margin-left: 10px;}

.service_wrap .news_view {width: 100%; padding:0px; border-top: 0px solid #ccc; background-color: #fff;}
.service_wrap .atc_newsInside {overflow: hidden; width: 100%; padding-bottom: 0px;}

#wrap .news_list .blog-contents {display:none;}
#wrap .news_list .blog-contents.active {display:block;}

.service_wrap .news_view .atc_news .view_iframe {margin-bottom: 15px;}

.service_wrap .topNavi .menu {clear:both;overflow: hidden;}

.service_wrap .topNavi .menu li {float:left;padding-left: 15px;}
.service_wrap .topNavi .menu li:first-child {padding-left: none;}

.service_wrap .swiper-white-container {width:100%;height:100%;color:#fff;text-align:center; }
.service_wrap .swiper-white-container .swiper-slide {width:auto; height:100%; float: left;position: relative;}
.service_wrap .swiper-white-container .swiper-slide .title {padding-left:10px; padding-right:10px; height: 32px; width:auto;}
.service_wrap .swiper-white-container.top {width:100%;overflow-x: hidden;height: 32px;color:#fff;text-align:center;background-color:#fff; border-bottom:1px #ccc solid}
.service_wrap .swiper-white-container.top .swiper-slide .title {font-weight:normal;color:#0a2e5b;font-size: 13px;margin-top:0px;margin-bottom:0;letter-spacing: -1px;line-height: 32px;}
.service_wrap .swiper-white-container.top .swiper-slide .title.on {color: #0a2e5b; border-bottom: none; background-color: #fff; border-radius:0;line-height: 32px;height: 32px; text-decoration:underline}

.index_wrap .spacing_1 {background-color:#fff !important; padding:10px 0 20px 0;}
.index_wrap .spacing_2 {background-color:#f3eedb !important; padding:10px 0 20px 0; position:relative}
.index_wrap p {text-align:center; font-size:14px; line-height:21px; letter-spacing:-1.5px}
.index_wrap p.red,
.index_wrap span.red {color:#ed1719;}
.index_wrap p.tit {font-size:17px; font-weight:bold; color:#000; line-height:26px;}
.index_wrap strong {color:#000}
.index_wrap .bg_01 {background:url(/img/mhk_index_bg.png) no-repeat -40px 0; width:101px; height:51px; position:absolute; left:5px; top:5px; opacity:0.3}
.index_wrap .bg_02 {background:url(/img/mhk_index_bg.png) no-repeat 0 0; width:29px; height:28px; position:absolute; right:5px; bottom:5px; opacity:0.3}







.news_view .news {margin-top: 10px; float: left; margin-bottom: 0px;}
.news_view .news h2 {font-size: 16px;line-height: 20px;margin-bottom: 8px;color: #000;font-weight: 700; margin-left: 10px;}
.news_view .news .thumb {position: relative;float: left;overflow: hidden;width: 72px;height: 52px;margin-right: 10px; -webkit-filter: blur(10px);}
.news_view .news .thumb a {display: block;width: 100px;height: 80px;margin-top: -14px;margin-left: -11px;text-align: center;white-space: nowrap;}
.news_view .news li .sbj {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;line-height: 28px; width: auto; display: block; text-align: left;}
.news_view .news li .sbj a { color: #000; }


.service_cnt {float: left;margin-top: 0px; width: 100%;}
.atc_newsInside {overflow: hidden;width: 100%;/* padding: 30px 0; */padding-bottom: 30px;}
.news_view {width: 100%;padding: 0 0 30px;border-top: 0px solid #ccc;}
.news_view header.sbj {width: auto; position: relative;margin-bottom: 0px;background-color: #fff;padding: 10px;}
.news_view .sbj { position: relative; width: 100%; margin-bottom: 2px; background: url();}
.news_view .sbj h2 {width: 100%;min-height: 30px;padding: 0px 0;vertical-align: middle;font: bold 20px/30px '¸¼Àº °íµñ', 'Malgun Gothic', Arial;color: #00080b;letter-spacing: -1px; margin-left: 0px;}
.news_view .info {height: 40px; padding: 10px 0px 0px 10px; border-top: 1px solid #ccc; font: 13px/17px '¸¼Àº °íµñ', 'Malgun Gothic', Dotum, Arial; color: #999; background-color: #fff;}
.news_view .atc_news {width: auto; padding: 0 10px; background-color: #fff;}
.news_view .atc_news img {float: none; display: block; margin: 0 auto 0px; max-width: 100%;}
.news_view .news ul {width: auto;padding: 0 10px;}
.news_view h3.stit {padding: 0 10px;}

h1.view_top_list {position: absolute; width:20px; height:20px; background-position: 0px 0px;background-image: url(/img/n_icon_menu_back_black.png);background-repeat: no-repeat;background-size: 20px; margin-left: 15px; margin-top: 20px;}
h1.view_top_category {font: bold 20px/30px '¸¼Àº °íµñ', 'Malgun Gothic', Dotum,Arial; color: #000; letter-spacing: -1px; width: auto; text-align: center; padding-top:15px;}

.newsInside_login {width: 100%; height:auto; padding: 0px 0px 0px 0px;background:url();}
.newsInside_login p {font-size:15px; color: red; font-weight:bold; padding: 0px 10px 0px 10px; position: relative; left: 0px; top: 0px; }
.newsInside_login .sct_loginBox { width: 280px; height: auto; padding-left:10px; }
.newsInside_login .sct_loginBox h1 { width: 70px; background-image: url(/img/service_img.png); background-repeat: no-repeat; background-position: 0 -355px; }
.newsInside_login .sct_loginBox .idpw input {width: 170px;}
.newsInside_login .sct_loginBox .idpw .btn_login {width: 100px; top: 7px; background-position: -430px -230px;}
.newsInside_login .sct_loginBox .mem_type {width: 100%; margin: 0px 0 2px; padding: 10px 0 5px; line-height: 16px; border-top: 1px solid #e0e0e0; }



/* layout */
.wrap {width:100%; margin:0 auto}
.m_bg {background-color:#ebecef;}/* 2014-12-10 bgColor Ãß°¡ */

/* ¸ð¹ÙÀÏÀ¥ ·Î±×ÀÎ */
.login_m_box {/*border-top:1px solid #00080b;*/ padding:10px 10px 10px 10px;}
.login_m_box input[type=text],
.login_m_box input[type=password] {border:none; background:#f2f2f2; width:195px; height:30px; line-height:30px; margin:0 5px 5px 0px; padding: 0 0 0 5px;}
.login_m_box .mem_type {padding:10px}
.login_m_box .mem_type label {font-size:13px;}
.login_m_box .mem_type input {margin-right:5px}
.login_m_box .mem_type .radio {margin-right:20px}
.login_m_box .idpw ul {margin-left:10px; float:left}
.login_m_box .idpw span.btn_login_mobile {width: 57px;height: 65px; font-size: 12px; line-height: 65px; padding: 0px; border: none; background-color: #96999b; color: #fff; font-weight: bold;text-align: center; position: absolute;}
.login_m_box .txt {border-top:#b2b2b1 1px dashed; margin: 10px 10px 0px 10px; padding:10px 0 0px 0;}
.login_m_box .txt.info {border-top:0px; padding:0px;height: auto;}
.login_m_box .txt li {background:#fff url(/img/dot_2px8e_666.gif) 0 8px no-repeat; padding-left:8px; color:#333; font-size:13px; line-height:normal; padding-bottom:10px; text-align :left;}
.login_m_box .txt li span.redTxt {font-size:13px; color:#ff0000}
.login_m_box .failmessage{padding: 8px; color:red;font-weight:bold;line-height: 17px;}
.login_m {width:100%;  background:#fff; height:auto; margin:0 auto; border:#bcbcbc 1px solid; display:block; line-height: 10px;}
.login_m .top  {background:#ccc; height:30px;}
.login_m .top h2 {line-height:30px; font-size:14px; padding-left:10px; color:#333; float:left}
.login_m .top .lnk_join {padding-right:10px; float:right; line-height:30px; font-weight:bold; text-decoration:underline; color:#ff0000; font-size:14px;}
.login_m_box input[type=button] {height:68px; line-height:63px; padding:0 10px; border:none; background:#96999b; color:#fff; font-weight:bold;}


/* 2014-12-10 ¸ð¹ÙÀÏÀ¥ ¿î¼¼ */
.sch_myFtnSe_m {background:#fff; box-shadow:2px 2px 2px #ccc; height: 0px;  opacity: 0.0; filter: alpha(opacity=0);}
.sch_myFtnSe_m .sch_view {width:300px; margin:0 auto; padding:10px 0 10px 0;}
.sch_myFtnSe_m .sch_view .myFtnSe_m {float:left;}
#f_birth_y {height:34px; line-height:34px; padding:0 5px; border:#ccc; background:#e9e9e9; color:#888; width:80px; margin:0 5px 5px 0; font-size:14px;}
#f_birth_m {height:34px; line-height:34px; padding:0 5px; border:#ccc; background:#e9e9e9; color:#888; width:60px; margin:0 5px 5px 0; font-size:14px;}
#f_birth_d {height:34px; line-height:34px; padding:0 5px; border:#ccc; background:#e9e9e9; color:#888; width:61px; margin:0 5px 5px 0; font-size:14px;}
#f_birth_hour,
#f_birth_mnt,
#f_birth,
#f_gender {height:34px; line-height:34px; padding:0 5px; border:#ccc; background:#e9e9e9; color:#888; width:105px; margin:0 5px 5px 0; font-size:14px;}
.sch_myFtnSe_m input[type=button] {width:76px; height:112px; line-height:112px; padding:0px; border:none; background:#da6e26; color:#fff; font-weight:bold; font-size:13px;}
.sch_myFtnSe_m span.btn_fortune {height:112px; line-height:112px; padding:0 10px; border:none; background:#da6e26; color:#fff; font-weight:bold; font-size:13px;}

.sch_icon {display:block; cursor:pointer; width:auto; height:20px; padding:10px 0 0 10px}
.sch_icon a {background:url(/img/ic_fortune_setting.png) no-repeat 0 0; width:20px; height:10px; display:block;}
.sch_icon a span {overflow:hidden; float:left; height:23px; text-align:left; text-indent:-9000px; font-size:0;}
.result_myftn_m {padding:0 10px;}
.result_myftn_m p {font-size:14px; line-height:22px; color:#333;}
.result_myftn_m dl {margin-bottom:10px}
.result_myftn_m dd {background-color:#fff; height:50px;padding:0 50px 0 10px;}
.result_myftn_m .myftn_box01,
.result_myftn_m .myftn_box02,
.result_myftn_m .myftn_box03,
.result_myftn_m .myftn_box04 {margin-bottom:10px}
.result_myftn_m .myftn_box01 dt {background:#3079ab; float:left; color:#fff; font-size:14px; font-weight:bold; height:50px; width:50px; line-height:50px; padding-left:5px}
.result_myftn_m .myftn_box02 dt {background:#f092b0; float:left; color:#fff; font-size:14px; font-weight:bold; height:50px; width:50px; line-height:50px; padding-left:5px}
.result_myftn_m .myftn_box03 dt {background:#f9845b; float:left; color:#fff; font-size:14px; font-weight:bold; height:50px; width:50px; line-height:50px; padding-left:5px}
.result_myftn_m .myftn_box04 dt {background:#838cc7; float:left; color:#fff; font-size:14px; font-weight:bold; height:50px; width:50px; line-height:50px; padding-left:5px}
.result_myftn_m .grp {position:relative; height:10px; top:10px; background-color:#cbcaca; font-size:11px; color:#555; margin-left:60px;}
.result_myftn_m .grp .bar {height:10px; background-color:#5fb9ff; position:absolute; top:0; left:0}
.result_myftn_m .grp .first {position:absolute; top:15px; left:0; font-size:14px; color:#888;}
.result_myftn_m .grp .last {position:absolute; top:15px; right:0; font-size:14px; color:#888;}
.result_myftn_m .myftn_box01 .myGrp {position:absolute; right:-40px; top:0; font-size:14px; font-weight:bold; color:#3079ab}
.result_myftn_m .myftn_box02 .myGrp {position:absolute; right:-40px; top:0; font-size:14px; font-weight:bold; color:#f092b0}
.result_myftn_m .myftn_box03 .myGrp {position:absolute; right:-40px; top:0; font-size:14px; font-weight:bold; color:#f9845b}
.result_myftn_m .myftn_box04 .myGrp {position:absolute; right:-40px; top:0; font-size:14px; font-weight:bold; color:#838cc7}

/* 2014-12-10 ¸ð¹ÙÀÏÀ¥ Å׼ */
.nt_list_m dl {overflow:hidden; width:100%; border-bottom: 1px solid #ccc;}
.nt_list_m dt {position:relative; overflow:hidden; line-height:20px; padding: 10px 90px 10px 10px; font-size:15px; font-weight:bold; color:#333; background-color:#ebecef; cursor:pointer;}
.nt_list_m dt .date {position:absolute; top:12px; right:10px; text-align:right; font-size:13px; font-weight:normal; color:#888;}
.nt_list_m dd {display:none; line-height:18px; padding:10px; font-size: 14px; line-height: 28px;}

.nt_list_m .open dt {color:#f76c28; background-color:#fff; border-bottom:none;}
.nt_list_m .open dd {display:block; line-height:22px; background-color:#fff; color:#777;  border-top: 1px dashed #ccc;}

/* 2014-12-10 ¸ð¹ÙÀÏÀ¥ ¼­ºñ½º¾È³» */
.serviceBox {width:100%; background-color:#fff; /*border-bottom:1px #ccc solid;*/}
.serviceBox h1 {font-size:13px; color:#888; height:30px; line-height:30px; background-color:#ebecef; border-bottom:1px #ccc solid; padding-left:10px}
.serviceBox p {font-size:14px; color:#888; line-height:18px; clear:both; text-align:left; margin:10px 0 5px 0;}
.serviceBox p.orange {color:#ff9a37;}
.serviceBox p.image{text-align:center}
.serviceBox strong {font-size:14px; color:#333;}
.serviceBox .inner {padding:10px;}
.serviceBox .top {background-color:#f08080; padding:5px 10px; margin-bottom:5px; line-height:20px;}
.serviceBox .top dt {font-size:16px; color:#fff; font-weight:bold;}
.serviceBox .top dd {font-size:15px; color:#000; padding-left: 5px;}
.serviceBox .top span {font-size:14px; color:#fff;}
.serviceBox .middle {background-color:#bdad8a; padding:5px 10px; line-height:20px; margin:0 0 5px 0;}
.serviceBox .middle dt {font-size:16px; color:#000; font-weight:bold}
.serviceBox .middle dd {font-size:15px; color:#fff; padding-left: 5px;}
.serviceBox .middle span {font-size:15px; color:#000;}
.serviceBox .bottom {background-color:#7bb6da; padding:5px 10px; line-height:20px; margin:0 0 5px 0;}
.serviceBox .bottom dt {font-size:16px; color:#fff; font-weight:bold;}
.serviceBox .bottom dd {font-size:13px; color:#333; padding-left: 5px;}
.serviceBox .bottom span {font-size:13px; color:#fff;}
.serviceBox .sale dt {float:right;}
.serviceBox .sale dd {float:left; margin-right:100px; position:absolute}
.serviceBox .student {clear:both; text-align:left; padding-bottom:10px}
.serviceBox .student dt {font-size:14px; color:#333; font-weight:bold; padding-bottom:5px}
.serviceBox .student dd {font-size:14px; color:#888; line-height:20px}
.serviceBox .student dd.next {text-align:center}
.serviceBox .student dd.box {background-color:#dedede; padding:10px; margin:5px 0}
.serviceBox .student strong {font-size:16px; color:#888; font-weight:bold}


/*2016-09-06 Ãß°¡*/
.serviceBox p.red {color:#ed1719; margin:0 0 10px 0}
.serviceBox p.red strong {color:#ed1719; text-decoration:underline}

.serviceBox .pay_list_mobilehk {padding:10px 0 30px 0;}
.serviceBox .pay_list_mobilehk table {border-top:1px solid #959595; border-bottom:1px solid #959595; font-size:11px; color:#333; width:100%}
.serviceBox .pay_list_mobilehk th {color:#000; background-color:#fff; border-bottom:1px solid #8b8b8b; line-height:normal; text-align:center;}
.serviceBox .pay_list_mobilehk th.nobold {font-weight:normal; color:#333;}
.serviceBox .pay_list_mobilehk th.bg_grey1 {background-color:#eee;}
.serviceBox .pay_list_mobilehk th.bg_grey2 {background-color:#dedede;}
.serviceBox .pay_list_mobilehk td {border-bottom:1px dotted #fff; padding:5px 0 5px 3px}
.serviceBox .pay_list_mobilehk td.border_grey {border-bottom:1px dotted #dedede !important;}
.serviceBox .pay_list_mobilehk td.product {padding-left:3px}
.serviceBox .pay_list_mobilehk td.product strong.red {color:#cf0e0e; font-size:11px;}
.serviceBox .pay_list_mobilehk td span,
.serviceBox .pay_list_mobilehk td.product strong.orange {color:#ff7800; font-size:11px;}
.serviceBox .pay_list_mobilehk td.bg_grey1 {background-color:#eee;}
.serviceBox .pay_list_mobilehk td.bg_grey2 {background-color:#dedede;}
.serviceBox .pay_list_mobilehk td .pay {position:relative}
.serviceBox .pay_list_mobilehk td .pay input {float:left;}
.serviceBox .pay_list_mobilehk td .pay p {float:left; text-align:right; font-size:12px;}
.serviceBox .pay_list_mobilehk td .pay p.price {color:#000; font-weight:bold}
.serviceBox .pay_list_mobilehk td .pay p.price span {font-weight:normal; text-decoration:line-through; color:#999}
.serviceBox .pay_list_mobilehk td .pay p.discount {font-weight:bold; padding-left:10px}
.serviceBox .pay_list_mobilehk td .pay p.red {color:#cf0e0e;}
.serviceBox .pay_list_mobilehk td .pay p.orange {color:#ff7800;}
.serviceBox .pay_list_mobilehk td.bg_orange {background-color:#f8caac; border-bottom:none; padding-right:3px}
.serviceBox .pay_list_mobilehk td.bg_red {background-color:#ffc5c5; border-bottom:none; padding-right:3px}
.serviceBox .pay_list_mobilehk td.bg_red_border {background-color:#ffc5c5; border-bottom:1px dotted #fff; padding-right:3px}

/* 2014-12-10 ±âÀÚºí·Î±× ¸Þ´º */
.service_wrap .blog-title {width:auto; height:35px; line-height:34px; text-align:center; overflow-x: hidden; border-bottom: 1px solid #ccc; margin: 0px 10px;}
.service_wrap .blog-title span {float:left; padding: 0px 5px 0px 5px; float:left; font-size:15px; font-weight:bold; color:#2b3044;}
.service_wrap .blog-title span.off {color:#999;}

div.service_wrap #swiper-contents {margin-bottom: 10px;}
.wrapper-contents {height:auto; margin:0 auto;}
.swiper-slide {height:auto;}
div.service_wrap .more_btn {margin-bottom: 0px;}

#swiper-title .title span.page-wrapper {position: relative; display: none;}
#swiper-title .title span.page {top: -42px; position: absolute; width:3px; height:3px; background-color:#2b3044; font-size:0px; text-indent: -9999em;}
#swiper-title .title span.page.on {background-color:#fff;}
#swiper-title .title span.page.p1  {margin-left: -10px;}
#swiper-title .title span.page.p2  {margin-left: 0px;}
#swiper-title .title span.page.p3  {margin-left: 10px;}


.service_wrap .columnTitle {font-size: 15px; padding: 12px 0px 10px 10px; font-weight: bold; color: #f09300;}

section.recent ul li p.thum {float: left;}
section.recent ul li p.thum img {width: 70px; height: 50px; border: 1px solid #888;}
section.recent ul li p.thum span {text-indent: -9999em; font-size:0px; }
section.recent ul li p.txt {float: left; margin-left: 0px;}
section.recent ul li p.txt em {display:none;}
section.recent ul li p.txt a {font-size: 16px; line-height: 28px; margin-left: 5px;}

div.service_wrap div.service-container div.nt_list_m dl dd img {max-width:100%;}


/* 2014-12-17 ¸ð¹ÙÀÏÀ¥ 29ÃÊ ¿µÈ­Á¦ */
.service_wrap .movie29 {margin-left: 10px; margin-top: 10px; overflow: hidden;}
.service_wrap .movie29 li {background:#fff; border:#999 1px solid; float:left; width:100%; margin:0px 10px 10px 0px; padding-bottom:10px; box-shadow: #aaa 2px 2px 3px 0px;}
.service_wrap .movie29 li.android {height:355px;}
.service_wrap .movie29 li.android .view_iframe object, .service_wrap .movie29 li.android .view_iframe object embed {height:300px;}
.service_wrap .movie29 li.open {height:auto;}
.service_wrap .movie29 dt img {width:100%}
.service_wrap .movie29 dd.movie_title {font-size:16px; font-weight:bold; color:#333; padding:8px 25px 5px 8px; position: relative;}
.service_wrap .movie29 dd.movie_title span.btn {background-image: url(/img/service_img.png); background-repeat: no-repeat; position: absolute; top: 15px; right: 7px; overflow: hidden; width: 15px; height: 10px; text-align: left; text-indent: -9000px; font-size: 0; white-space: nowrap;background-position: -210px -70px;}
.service_wrap .movie29 dl.open dd.movie_title span.btn {background-position: -230px -70px;}
.service_wrap .movie29 dd.movie_info {font-size:16px; font-weight:bold; color:#333; padding:5px 8px 5px 8px}
.service_wrap .movie29 dd.movie_info .name {font-size:14px; color:#777; float:left}
.service_wrap .movie29 dd.movie_info .day {font-size:14px; color:#b4b4b4; float:right}
.service_wrap .movie29 dd.movie_info .contents {float: left; font-size: 15px; line-height: 29.75px; color: #777; margin-top: 8px; display:none;}
.service_wrap .movie29 dl.open dd.movie_info .contents {display:block; border-top: 1px #ccc solid; width: 100%; margin-top: 10px; padding-top: 5px;}
.service_wrap .movie29 .view_iframe {position: relative; padding: 5px 5px 0px 5px; text-align: center;}
.service_wrap .movie29 .view_iframe img {width:auto; height:300px;}
.service_wrap .movie29 .view_iframe .icon-youtube {width: 60px; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; background-image: url(/img/img_youtube.png); background-repeat: no-repeat; height: 60PX; background-size: 60px; text-indent: -9000px; font-size: 0; white-space: nowrap;}
.service_wrap .movie29 .view_iframe .title {position: absolute; top: 0px; color: #ddd; left: 0px; padding: 10px; font-size: 13px; background: url(/img/bg_blackOp30.png) repeat 0 0;}

.service_wrap .more_btn {padding:10px; margin-bottom:20px}
.service_wrap .more_btn a {color:#797979; font-size:13px; text-align:center; line-height:30px; height:30px; width:100%; display:inline-block; background:#dcdcdc; border:1px #ccc solid; }

.layerPop_wrap {opacity: 0.9; filter: alpha(opacity=90); }


/* ´º½ºÀλçÀÌÆ® ºä ¸®Çà */
.reply_mobile {margin-top:70px; border-top:0px solid #ccc;}
.reply_mobile .hit {overflow:hidden;}
.reply_mobile .hit a {width: 38px; float: right;}
.reply_mobile .hit:after {clear:both; display:block; content:'';}
.reply_mobile {width: auto; padding: 0 10px; position: static;}
.reply_mobile .hit .share-kakao {width:38px; height:38px; background-image: url(/img/kakaotalk-android.jpg); background-size: 38px;}
.reply_mobile .hit .scrap_re {background: url(/img/hit_img_v8.1.png) no-repeat -235px 0px; background-size: 274px;}

#container_card {margin: 0px; background-color: #fff;     padding-top: 10px;     padding-bottom: 10px;}
#container_card > div {width: 270px; margin-left:10px;     margin-bottom: 10px;}
.polling_info {background-color: #fff;     padding-bottom: 20px; padding-top:0px;}


.btn_more {display: block; height: 36px; padding-top: 10px; font-weight: 700; font-size: 1.2em; line-height: 1; color: #424856;}
p.loading {background: url(/img/loading-01.gif) no-repeat 0px -25px; background-size:100px; width: 100px; height: 40px; padding-top: 10px; margin: 0px auto;}

div.more_img {position: fixed; bottom: 10px; z-index: 2000; opacity:0.0; width: 100%; text-align: center; display:none;}
div.more_img a {width: 60px; height: 60px; background: url(/img/icon_down_arrow.gif) no-repeat center center; background-size: 60px; display: inline-block; margin-bottom: 50px;}
div.more_img.loading a {width: 40px; height: 40px; background: url(/img/img_polling.2.gif) no-repeat 0px 0px; background-size: 40px; display: inline-block; margin-bottom: 78px;}
div.more_img span {font-size: 0; text-align: left; text-indent: -9000px;}


.news_view .viewCtrl a {background-image: url(/img/img_font_size.png); background-size: 67px 28px;}
.news_view .viewCtrl .btn_i_fontSm {width:40px; height:25px; background-position: 5px 3px;}
.news_view .viewCtrl .btn_i_fontLg {width:37px; height:25px; background-position: -36px 3px;}


.photo_list h3 {font-size: 14px; color: #fff; font-weight: normal; line-height: 18px; padding: 5px 7px 5px 7px; bottom: 0px; opacity: 0.7; filter: alpha(opacity=70);}




/*2016-01-11 ´º½º·¹ÅÍ */
.letter_head {width:auto; padding:8px 10px 8px 10px;}
.letter_head:after {clear:both; display:block; content:'';}
.letter_head .head_left {float:left}
.letter_head .head_right {float:right}
.letter_head h2 {font-size:18px; line-height: 18px; color:#333; margin-bottom:0px; margin-top:8px;}
.letter_head .letter_share {margin-bottom:10px; padding-left: 0px;}
.letter_head .letter_share li {float:left; margin-right:0; margin-left:5px}
.letter_head .letter_share img {width:35px;}
.letter_head .letter_active li {float:left;}
.letter_head .letter_active li a {font-size:14px; color:#777}
.letter_head .letter_active .active1 {background:url(/img/letter_ic_m01.png) no-repeat; background-size: 20px; padding-left:25px; margin-left:5px;}
.letter_head .letter_active .active2 {background:url(/img/letter_ic_m02.png) no-repeat; background-size: 20px; padding-left:25px; margin-left:16px;}
.letter_head .btn_view {display:block; height:17px; line-height:18px; padding:7px 12px; font-size:14px; color:#fff; background-color:#997450; font-weight:bold}
.letter_wrap {width: auto; margin: 0 10px 10px 10px; border:#eee5cf 1px solid; background-color:#fff; -moz-box-shadow: 4px 4px 0  #9c9283; -webkit-box-shadow: 4px 4px 0  #9c9283; box-shadow: 4px 4px 0  #9c9283; position:relative; clear:both}
.letter_wrap .letter_img {position:absolute; right:0; bottom:0; z-index:1000; text-align:right}
.letter_wrap .letter_img img {width:50%}
.letter_wrap .letter {border:#e0c788 2px solid; margin:5px; padding:10px}
.letter_wrap .letter .news {font-size:16px; color:#00080b; line-height:27px; padding-bottom:40px}
.letter_wrap .letter .news .news a {color: #1d60ab; text-decoration: underline;}
.letter_wrap .letter .news .news_txt span a{color: #1d60ab; text-decoration: underline;}
.letter_wrap .letter .news .news_photo img {width:50%;}
.letter_wrap .letter .news .talk_photo img {width:100%;}
.letter_wrap .letter .news .talk_txt {margin-top: 10px;}
.letter_wrap .letter .news .sign {margin:20px 0 0 0; text-align:right; margin-right:10px}
.letter_wrap .letter .news .info_txt {padding:0px 0 10px 0; color:#777; font-size:11px; border-bottom:1px solid #ddd; margin-bottom:15px}
.letter_wrap .letter .news h1 {font-size:20px; line-height:120%; font-weight:bold; color:#000; letter-spacing:-1px; margin-bottom:10px}
.letter_wrap .letter .talk,
.letter_wrap .letter .active {border-top:1px solid #E5E5E5; padding-top:20px}
.letter_wrap .letter .talk h3 {color:#1d60ab; font-size:17px; line-height:17px; float:left; margin-bottom:20px}
.letter_wrap .letter .active h3 {color:#1d60ab; font-size:17px; line-height:17px; margin-bottom:20px}
.letter_wrap .letter .active p {font-size:14px; color:#00080b; line-height:22px; padding-bottom:20px}
.letter_wrap .letter .active p.btn {text-align:center;}
.letter_wrap .letter .active p.btn button {cursor: pointer; background: url(/img/btn_letter_recomm.png) no-repeat 0 0; width: 140px; height: 40px; color: #444; font-size: 16px; line-height: 16px; font-weight: bold; font-family: '¸¼Àº °íµñ', 'Malgun Gothic', 'µ¸¿ò', Dotum, 'Apple SD Gothic Neo';}
.letter_wrap .letter .talk .more {float:right; color:#757575; line-height:17px; font-size:12px; text-decoration:none; margin-bottom:20px}
.letter_wrap .letter .talk .more span {font-size:7px;}
.letter_wrap .letter .talk ul {clear:both; margin-bottom:20px}
.letter_wrap .letter .talk li { overflow:hidden; margin-bottom:10px}
.letter_wrap .letter .talk li img {float:left;}
.letter_wrap .letter .talk li a {font-size:15px; letter-spacing:-1px; text-decoration:none; color:#333; font-weight:bold; display:block; margin-left:70px}

/* ¼¿·ºÆ®¹Ú½º */
.sl-placeholder-container:focus{outline:none;}
.sl-button{line-height:29px; height:29px; background:url(/img/select_down_m.png) no-repeat 0px 12px; background-size: 16px; position: absolute; right: 0px; top: -2px;}

@media screen and (min-width: 0px) and (max-width: 359px) {
.letter_head h2 {font-size:16px; color:#333; margin-bottom:0px; margin-top: 8px;}
.letter_head .letter_share {margin-left:0}
.letter_head .letter_share img {width:30.4px;}
.letter_head .letter_share li {float:left; margin-right:0; margin-left:5}
.letter_head .letter_active li {float:left; margin-left:0px}
.letter_head .letter_active li a {font-size:14px; color:#777}
.letter_head .letter_active .active1 {padding-left:20px;}
.letter_head .letter_active .active2 {padding-left:20px; margin-left: 12px;}
}
@media screen and (min-width: 500px) {
.letter_wrap .letter .news .news_photo img {width:auto}
.letter_wrap .letter .news .talk_photo {text-align:center; padding-bottom:20px}
.letter_wrap .letter .news .talk_photo img {width:50%;}
}


/* ÀÔ·ÂÆû */
.letter_form .frm_atc {width:auto; padding:10px; color:#000; background-color: #fff;}
.letter_form .full_cnt .frm_atc {padding-left:0;}
.letter_form .frm_atc:after {clear:both; display:block; content:'';}
.letter_form .frm_atc h1 {margin-top: 5px; margin-bottom:12px; font-size:20px; font-weight:bold; line-height:26px; letter-spacing:-1px;}
.letter_form .frm_atc .ins {margin-bottom:10px; font-size:14px; line-height:24px; color:#333;}
.letter_form .agree_box {margin-bottom:20px; padding:15px; border:3px solid #ebebeb;}
.letter_form .agree_box h2 {font-size:16px;}
.letter_form .agree_box ul {color:#555; font-size:14px; letter-spacing:-1px; line-height:20px;}
.letter_form .agree_box li {margin-top:10px;}
.letter_form .agree_box .s_ins {font-size:12px; color:#757575;}
.letter_form .agree_box .chk_btm {margin-top:15px; padding-top:18px; border-top:1px solid #ddd;}
.letter_form .agree_box .chk_btm label {font-weight:bold; color:#333; font-size:14px; line-height:16px;}
.letter_form .agree_box .chk_btm input {height:16px; vertical-align:middle}

.letter_form .frm_table table {border-collapse:collapse; width:100%; table-layout:fixed;}
.letter_form .frm_table th,
.letter_form .frm_table td {padding:7px 0; text-align:left;}

.letter_form .frm_table .line_tr th,
.letter_form .frm_table .line_tr td {padding-top:20px;}
.letter_form .frm_table th {font-size:14px; font-weight:bold; vertical-align:middle; color:#333; padding-left: 0px;}
.letter_form .frm_table td img {vertical-align:middle;}
.letter_form .frm_table td input[type=text] {padding:0 3px; line-height:20px; height:20px; border:1px solid #cbcfd2; border-bottom-color:#dfe3e6; border-right-color:#dfe3e6; vertical-align:middle;}
.letter_form .frm_table td input.md {width:150px;}
.letter_form .frm_table td input.long {width:150px;}
.letter_form .frm_table td textarea {width:150px; padding:3px; line-height:16px; height:85px; border:1px solid #cbcfd2; border-bottom-color:#dfe3e6; border-right-color:#dfe3e6;}
.letter_form .frm_table .btn_btm {margin-top:20px; text-align:center; margin-bottom: 20px;}
.letter_form .frm_table .btn_btm button {cursor: pointer; background: url(/img/btn_letter_apply.png) no-repeat 0 0; width: 135px; height: 41px; color: #fff; font-size: 16px; line-height: 16px; font-weight: bold; font-family: '¸¼Àº °íµñ', 'Malgun Gothic', 'µ¸¿ò', Dotum, 'Apple SD Gothic Neo';}


/* 2016-07-04 °æ¿µÀ̾߱â */
.profile_box {width:auto; overflow:hidden; padding:15px; margin-top:20px; background-color:#525d5f;}
.profile_box .thumb {display:block;position:absolute;top:0;left:0; overflow:hidden;}
.profile_box h3 {display:inline-block; *display:inline; zoom:1; font-size:20px; color:#fff; line-height:36px; letter-spacing:-0.07em; vertical-align:top;}
.profile_box .mg1 {color:#fff; font-size:14px}
.profile_box .mg2 {color:#b6baba; font-size:15px; line-height: 20px;}
.profile_box .lp {position:relative; width:auto; height:101px; padding-left:110px; border-right:0px;}
.profile_box .rp {position:relative; width:auto; margin-top: 13px; padding: 13px 0px 3px 0px; border-top: 1px solid #646e6f;}
.profile_box .share_area a span {display:inline-block; *display:inline; zoom:1; background:url(/img/columnist/p_share_m.png); background-size: 65px; font-size:0}
.profile_box .share_area .icon_email {background-position:0 0; width:23px; height:19px; cursor:pointer}
.profile_box .share_area .icon_email:hover {background-position:0 -19px;}
.profile_box .share_area .icon_facebook {background-position:-23px 0; width:21px; height:19px; cursor:pointer}
.profile_box .share_area .icon_facebook:hover {background-position:-23px -19px;}
.profile_box .share_area .icon_mobile {background-position:-44px 0; width:21px; height:19px; cursor:pointer}
.profile_box .share_area .icon_mobile:hover {background-position:-44px -19px;}

.head_left .sl-container .sl-placeholder-container {min-width:150px; height:30px; margin-top: 10px; line-height:29px; height:29px; color:#997450; font-weight:bold; font-size:15px; padding-left: 5px; letter-spacing: 0px; padding-top: 1px; border: 2px solid #e9d7a9; border-radius: 2px; background:#fff;}
.head_left .sl-container .sl-options {border: 2px solid #e9d7a9; list-style: none; background: #fff; margin: 0; padding: 0; overflow: overlay; left: -3px; font-size: 14px; font-weight: bold;}
.head_left .sl-container .sl-options .sl-selected {background: #e9d7a9;}
.head_left .sl-container .sl-options li a {display: block; color: #666; text-decoration: none; padding: 5px 20px 5px 10px;}
.head_left .sl-options {overflow: auto; max-height: 380px;z-index: 1;top: 44px!important;left: 0px!important;}
.head_left .sl-container .sl-options li {width: 167px;}