@charset "utf-8";

html, body  {width:100%; height:auto; font:normal normal 12px/1.2 "Noto Sans Korean","나눔고딕",dotum,"돋움";}
body     {font-size:12px; color:#404040; position:relative;}
body, ol, ul, li, dl, dt, dd, blockquote, fieldset, h1, h2, h3, h4, h4, h5, h6, pre, form, p, div   {margin:0; padding:0;}
th, td  {padding:0;}
address, caption, cite, code, dfn, em, strong, textarea, var    {font-style:normal; font-weight:normal;}
b, strong   {font-weight:bold;}
a   {color:#404040; border:0; text-decoration:none;}
a:active    {background:transparent; border:none;}
a:hover  {text-decoration:none;}
ol, ul   {list-style-type:none;}
hr  {display:none;}
caption {position:absolute; left:-9999px; height:0; overflow:hidden; font-size:0;}
li  {vertical-align:middle; line-height:1.2;list-style:none;}
img {border:0; vertical-align:middle;}
fieldset    {border:0; display:block;}
legend  {margin-left:-7px; position:absolute; left:-9999px; height:0; overflow:hidden; font-size:0;}
table    {table-layout:fixed; border-collapse:collapse;}
input    {font:normal normal 12px/1.2 dotum, gulim, arial; color:#404040; vertical-align:middle;}
.container   {display:inline-block; width:100%;}
.container:after     {content:""; clear:both; display:block; height:0; visibility:hidden;}
textarea    {font:normal normal 12px/1.2 dotum; color:#404040; resize:none;}
.hr {display:none}
.none   {position:absolute; top:0; left:-9999px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
body .v_top {vertical-align:top;}
body .v_mid {vertical-align:middle;}
body .v_btm {vertical-align:bottom;}
.a_left {text-align:left;}
.a_center   {text-align:center;}
.a_right    {text-align:right;}
.btn_abs    {position:relative; height:0;}
.btn_abs .abs    {position:absolute;}
.f_left {float:left;}
.f_right    {float:right;}
/******************************************************** default end *************************************************************************/
.skipnav    {position:relative; width:100%; background:#000; color:#fff; text-align:center;}
.skipnav a  {display:block; color:#fff; font-weight:bold; width:0; height:0; line-height:0; font-size:0;}
.skipnav a:focus, .skip a:active    {display:block; padding:5px 0; width:auto; height:auto; line-height:1.5; font-size:12px;}

/*
*html 셀렉터   {}
*+html 셀렉터  {}
@media screen {셀렉터{};}
@-moz-document url-prefix(){셀렉터 {};}
@media screen and (-webkit-min-device-pixel-ratio:0){셀렉터{};}
*/

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(../font/eot/NotoSansKR-Thin-Hestia.eot),
    url(../font/eot/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../font/woff/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(../font/otf/NotoSansKR-Thin-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(../font/eot/NotoSansKR-Regular-Hestia.eot),
    url(../font/eot/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../font/woff/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(../font/otf/NotoSansKR-Regular-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(../font/eot/NotoSansKR-Bold-Hestia.eot),
    url(../font/eot/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../font/woff/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(../font/otf/NotoSansKR-Bold-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black'),
    url(../font/eot/NotoSansKR-Black-Hestia.eot),
    url(../font/eot/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../font/woff/NotoSansKR-Black-Hestia.woff) format('woff'),
    url(../font/otf/NotoSansKR-Black-Hestia.otf) format('opentype');
}

/* mt 1~100 */
.mt1 {margin-top:1px;}.mt2 {margin-top:2px;}.mt3 {margin-top:3px;}.mt4 {margin-top:4px;}.mt5 {margin-top:5px;}.mt6 {margin-top:6px;}.mt7 {margin-top:7px;}.mt8 {margin-top:8px;}.mt9 {margin-top:9px;}.mt10 {margin-top:10px;}.mt11 {margin-top:11px;}.mt12 {margin-top:12px;}.mt13 {margin-top:13px;}.mt14 {margin-top:14px;}.mt15 {margin-top:15px;}.mt16 {margin-top:16px;}.mt17 {margin-top:17px;}.mt18 {margin-top:18px;}.mt19 {margin-top:19px;}.mt20 {margin-top:20px;}.mt21 {margin-top:21px;}.mt22 {margin-top:22px;}.mt23 {margin-top:23px;}.mt24 {margin-top:24px;}.mt25 {margin-top:25px;}.mt26 {margin-top:26px;}.mt27 {margin-top:27px;}.mt28 {margin-top:28px;}.mt29 {margin-top:29px;}.mt30 {margin-top:30px;}.mt31 {margin-top:31px;}.mt32 {margin-top:32px;}.mt33 {margin-top:33px;}.mt34 {margin-top:34px;}.mt35 {margin-top:35px;}.mt36 {margin-top:36px;}.mt37 {margin-top:37px;}.mt38 {margin-top:38px;}.mt39 {margin-top:39px;}.mt40 {margin-top:40px;}.mt41 {margin-top:41px;}.mt42 {margin-top:42px;}.mt43 {margin-top:43px;}.mt44 {margin-top:44px;}.mt45 {margin-top:45px;}.mt46 {margin-top:46px;}.mt47 {margin-top:47px;}.mt48 {margin-top:48px;}.mt49 {margin-top:49px;}.mt50 {margin-top:50px;}.mt51 {margin-top:51px;}.mt52 {margin-top:52px;}.mt53 {margin-top:53px;}.mt54 {margin-top:54px;}.mt55 {margin-top:55px;}.mt56 {margin-top:56px;}.mt57 {margin-top:57px;}.mt58 {margin-top:58px;}.mt59 {margin-top:59px;}.mt60 {margin-top:60px;}.mt61 {margin-top:61px;}.mt62 {margin-top:62px;}.mt63 {margin-top:63px;}.mt64 {margin-top:64px;}.mt65 {margin-top:65px;}.mt66 {margin-top:66px;}.mt67 {margin-top:67px;}.mt68 {margin-top:68px;}.mt69 {margin-top:69px;}.mt70 {margin-top:70px;}.mt71 {margin-top:71px;}.mt72 {margin-top:72px;}.mt73 {margin-top:73px;}.mt74 {margin-top:74px;}.mt75 {margin-top:75px;}.mt76 {margin-top:76px;}.mt77 {margin-top:77px;}.mt78 {margin-top:78px;}.mt79 {margin-top:79px;}.mt80 {margin-top:80px;}.mt81 {margin-top:81px;}.mt82 {margin-top:82px;}.mt83 {margin-top:83px;}.mt84 {margin-top:84px;}.mt85 {margin-top:85px;}.mt86 {margin-top:86px;}.mt87 {margin-top:87px;}.mt88 {margin-top:88px;}.mt89 {margin-top:89px;}.mt90 {margin-top:90px;}.mt91 {margin-top:91px;}.mt92 {margin-top:92px;}.mt93 {margin-top:93px;}.mt94 {margin-top:94px;}.mt95 {margin-top:95px;}.mt96 {margin-top:96px;}.mt97 {margin-top:97px;}.mt98 {margin-top:98px;}.mt99 {margin-top:99px;}.mt100 {margin-top:100px;}

/* mb 1~100 */
.mb1 {margin-bottom:1px;}.mb2 {margin-bottom:2px;}.mb3 {margin-bottom:3px;}.mb4 {margin-bottom:4px;}.mb5 {margin-bottom:5px;}.mb6 {margin-bottom:6px;}.mb7 {margin-bottom:7px;}.mb8 {margin-bottom:8px;}.mb9 {margin-bottom:9px;}.mb10 {margin-bottom:10px;}.mb11 {margin-bottom:11px;}.mb12 {margin-bottom:12px;}.mb13 {margin-bottom:13px;}.mb14 {margin-bottom:14px;}.mb15 {margin-bottom:15px;}.mb16 {margin-bottom:16px;}.mb17 {margin-bottom:17px;}.mb18 {margin-bottom:18px;}.mb19 {margin-bottom:19px;}.mb20 {margin-bottom:20px;}.mb21 {margin-bottom:21px;}.mb22 {margin-bottom:22px;}.mb23 {margin-bottom:23px;}.mb24 {margin-bottom:24px;}.mb25 {margin-bottom:25px;}.mb26 {margin-bottom:26px;}.mb27 {margin-bottom:27px;}.mb28 {margin-bottom:28px;}.mb29 {margin-bottom:29px;}.mb30 {margin-bottom:30px;}.mb31 {margin-bottom:31px;}.mb32 {margin-bottom:32px;}.mb33 {margin-bottom:33px;}.mb34 {margin-bottom:34px;}.mb35 {margin-bottom:35px;}.mb36 {margin-bottom:36px;}.mb37 {margin-bottom:37px;}.mb38 {margin-bottom:38px;}.mb39 {margin-bottom:39px;}.mb40 {margin-bottom:40px;}.mb41 {margin-bottom:41px;}.mb42 {margin-bottom:42px;}.mb43 {margin-bottom:43px;}.mb44 {margin-bottom:44px;}.mb45 {margin-bottom:45px;}.mb46 {margin-bottom:46px;}.mb47 {margin-bottom:47px;}.mb48 {margin-bottom:48px;}.mb49 {margin-bottom:49px;}.mb50 {margin-bottom:50px;}.mb51 {margin-bottom:51px;}.mb52 {margin-bottom:52px;}.mb53 {margin-bottom:53px;}.mb54 {margin-bottom:54px;}.mb55 {margin-bottom:55px;}.mb56 {margin-bottom:56px;}.mb57 {margin-bottom:57px;}.mb58 {margin-bottom:58px;}.mb59 {margin-bottom:59px;}.mb60 {margin-bottom:60px;}.mb61 {margin-bottom:61px;}.mb62 {margin-bottom:62px;}.mb63 {margin-bottom:63px;}.mb64 {margin-bottom:64px;}.mb65 {margin-bottom:65px;}.mb66 {margin-bottom:66px;}.mb67 {margin-bottom:67px;}.mb68 {margin-bottom:68px;}.mb69 {margin-bottom:69px;}.mb70 {margin-bottom:70px;}.mb71 {margin-bottom:71px;}.mb72 {margin-bottom:72px;}.mb73 {margin-bottom:73px;}.mb74 {margin-bottom:74px;}.mb75 {margin-bottom:75px;}.mb76 {margin-bottom:76px;}.mb77 {margin-bottom:77px;}.mb78 {margin-bottom:78px;}.mb79 {margin-bottom:79px;}.mb80 {margin-bottom:80px;}.mb81 {margin-bottom:81px;}.mb82 {margin-bottom:82px;}.mb83 {margin-bottom:83px;}.mb84 {margin-bottom:84px;}.mb85 {margin-bottom:85px;}.mb86 {margin-bottom:86px;}.mb87 {margin-bottom:87px;}.mb88 {margin-bottom:88px;}.mb89 {margin-bottom:89px;}.mb90 {margin-bottom:90px;}.mb91 {margin-bottom:91px;}.mb92 {margin-bottom:92px;}.mb93 {margin-bottom:93px;}.mb94 {margin-bottom:94px;}.mb95 {margin-bottom:95px;}.mb96 {margin-bottom:96px;}.mb97 {margin-bottom:97px;}.mb98 {margin-bottom:98px;}.mb99 {margin-bottom:99px;}.mb100 {margin-bottom:100px;}

button  {display:inline-block; margin:0; padding:0; background:none; border:none; text-align:center; vertical-align:middle; white-space:nowrap; cursor:pointer; font-weight:bold; font-family:"Noto Sans Korean","나눔고딕",dotum,"돋움";}
*+html button   {margin:0 2px; overflow:visible;}
button > span, .btn > span, button > span > span, .btn > span > span {display:block; position:relative;}
button::-moz-focus-inner {padding:0; border:0;} /* 파이어폭스 버튼 내부 여백 제거 */
button.disabled, .btn.disabled {cursor:default;}
.tts{text-indent:-9999px;width:0;height:0;font-size:0;overflow:hidden;}
.btn_section    {text-align:center; padding:3px 0 0;}
.btn_section2   {text-align:center; padding:12px 0 0;}

.basic_btn  {display:inline-block; vertical-align:middle;}
.basic_btn span {}
.basic_btn.gray1 span   {border:1px solid #a1a1a1; border-radius:1px; color:#777; padding:5px 5px 3px; font-weight:400;}
.basic_btn.gray1.on span    {background:#777; border:1px solid #777; border-radius:1px; color:#fff;}
.basic_btn.gray2    {display:block;}
.basic_btn.gray2 span   {display:block; color:#aba8a8; background:#e6e5e5; text-align:center; padding:10px 0;}
.basic_btn.gray3    {display:block;}
.basic_btn.gray3 span   {display:block; color:#fff; background:#777; text-align:center; padding:2px 6px 2px; font-size:12px; border-radius:2px;}
.basic_btn.green1   {}
.basic_btn.green1 span  {border:1px solid #00cb9f; border-radius:2px; color:#fff; padding:0 4px; background:#00cb9f; font-size:11px; line-height:12px;}
.basic_btn.blue span    {border:1px solid #19b5fe; border-radius:2px; color:#fff; padding:0 4px; background:#19b5fe; font-size:11px; line-height:12px;} /*20160530*/
.basic_btn.blue1 span   {border-radius:2px; color:#fff; padding:2px 4px 3px; background:#19b5fe; font-size:12px;}
.basic_btn.blue2 span   {display:block; border-radius:18px; color:#fff; padding:8px 52px 8px; background:#19b5fe; font-size:15px;}
.basic_btn.blue3    {display:block; width:100%; color:#fff; padding:17px 0 18px; background:#19b5fe; font-size:15px; text-align:center;}
.basic_btn.help {background:url("../images/common/bg_sprite_icon.png") no-repeat 0 -123px; background-size:50px 250px; width:25px; height:25px;}
.basic_btn.help span    {display:block; text-indent:-300px; overflow:hidden;}
.basic_btn.interest {background:url("../images/common/icon_star_off.png") no-repeat 0 0; background-size:25px; width:25px; height:25px; outline:none;} /*20160521 수정*/
.basic_btn.interest.on  {background:url("../images/common/icon_star_on.png") no-repeat 0 0; background-size:25px; width:25px; height:25px; outline:none;} /*20160521 추가*/
.basic_btn.interest span    {display:block; text-indent:-300px; overflow:hidden;}
.basic_btn.share    {background:url("../images/common/icon_share.png") no-repeat 0 0; background-size:23px; width:25px; height:25px; outline:none;} /*20160521 수정*/
.basic_btn.share span   {display:block; text-indent:-300px; overflow:hidden;}

.basic_icon {display:inline-block; vertical-align:middle; background:url("../images/common/bg_sprite_icon2.png") no-repeat 0 0; background-size:23px 150px; width:23px; height:23px;}
.basic_icon span    {display:block; text-indent:-300px; overflow:hidden;}
.basic_icon.place   {background-position:0 0;}
.basic_icon.tel {background-position:0 -28px;}
.basic_icon.blog    {background-position:0 -56px;}
.basic_icon.homepage    {background-position:0 -84px;}

.input_text1    {border:1px solid #c4c2c2; padding:0 13px;}
.input_text1 input[type="text"] {display:block; width:100%; border:0; line-height:1.2; color:#b0b0b0; font-size:14px; font-family:"Noto Sans Korean","나눔고딕",dotum,"돋움"; padding:6px 0 5px;}
.input_text2    {display:inline-block; vertical-align:middle; border:1px solid #c4c2c2;}
.input_text2 input[type="text"] {display:inline-block; vertical-align:middle; width:100%; height:100%; border:0; line-height:1.2; color:#b0b0b0; font-size:14px; font-family:"Noto Sans Korean","나눔고딕",dotum,"돋움"; padding:4px 0 4px; text-align:center;} /*20160528*/
.input_text2 input[type="number"]   {display:inline-block; vertical-align:middle; width:100%; height:100%; border:0; line-height:1.2; color:#b0b0b0; font-size:14px; font-family:"Noto Sans Korean","나눔고딕",dotum,"돋움"; padding:4px 0 4px; text-align:center;} /*20160528*/
.textarea1  {border:1px solid #c4c2c2; padding:6px 13px 5px;}
.textarea1 textarea {display:block; width:100%; border:0; line-height:1.2; color:#b0b0b0; font-size:14px; font-family:"Noto Sans Korean","나눔고딕",dotum,"돋움";}
.hipen  {color:#b5b5b5; width:5%; text-align:center;}

#wrapper    {position:relative; background:#f2f2f2; min-width:320px;}

.global_tab {display:table; table-layout:fixed; width:100%; background:#19b5fe; border-top:2px solid #74d3ff;}
.global_tab ul  {display:table-row;}
.global_tab ul li   {display:table-cell; text-align:center; font-size:14px; font-weight:bold;}
.global_tab ul li a {color:#9bdaf8; padding:12px 0 14px; display:block;}
.global_tab ul li.on a  {color:#fff;}

.global_tab2    {padding:7px 12px; background:#fff;}
.global_tab2 > div  {display:table; table-layout:fixed; width:100%;}
.global_tab2 ul {display:table-row;}
.global_tab2 ul li  {display:table-cell; text-align:center; font-size:12px; font-weight:400;}
.global_tab2 ul li a    {color:#0797da; padding:7px 0 6px; display:block; margin:0 2px; background:#f2f2f2;}
.global_tab2 ul li.on a {background:#0797da; color:#fff;}

.global_tab3    {padding:7px 12px; background:#19b5fe;}
.global_tab3 > div  {display:table; table-layout:separate; width:100%;}
.global_tab3 ul {display:table-row;}
.global_tab3 ul li  {display:table-cell; text-align:center; font-size:12px; font-weight:400;}
.global_tab3 ul li a    {color:#fff; padding:7px 0 6px; display:block; margin:0 1px; background:#0797da;}
.global_tab3 ul li.on a {background:#fff; color:#0797da;}

#chat_view  {padding:0 0 58px;}
.chat_view  {background:#e5f6f3; padding:34px 0 0; height:295px; overflow:hidden; overflow-y:auto;}
.chat_view .your_talk   {clear:both; position:relative; margin:0 90px 25px 25px; max-width:400px; display:inline-block;}
.chat_view .your_talk .text {position:relative; background:#19b5fe; border-radius:10px; color:#fff; font-size:12px; line-height:18px; padding:10px 9px 12px; z-index:1;}
.chat_view .your_talk .arrow    {position:absolute; top:-10px; left:3px; background:url("../images/common/chat_arrow_your.png") no-repeat 0 0; background-size:22px auto; width:22px; height:12px;}
.chat_view .your_talk .time {position:absolute; bottom:0; right:-80px; border:2px solid #caedfe; background:#fff; border-radius:0 10px 10px 0; border-left:0; width:85px; color:#717374; text-align:center; font-size:12px; padding:2px 0 3px;}
.chat_view .date    {clear:both; text-align:center; margin:20px 13px; background:#fff; color:#00cb9f; font-size:12px; border-radius:10px; font-weight:600; padding:2px 0 3px;}
.chat_view .my_talk {float:right; clear:both; position:relative; margin:0 25px 25px 90px; max-width:400px;}
.chat_view .my_talk .text   {position:relative; background:#00cb9f; border-radius:10px; color:#fff; font-size:12px; line-height:18px; padding:10px 9px 12px; z-index:1;}
.chat_view .my_talk .arrow  {position:absolute; top:-10px; right:3px; background:url("../images/common/chat_arrow_my.png") no-repeat 0 0; background-size:22px auto; width:22px; height:12px;}
.chat_view .my_talk .time   {position:absolute; bottom:0; left:-80px; border:2px solid #b8f1e5; background:#fff; border-radius:10px 0 0 10px; border-right:0; width:85px; color:#717374; text-align:center; font-size:12px; padding:2px 0 3px;}

.chat_input {border-top:2px solid #caedfe; overflow:hidden; background:#fff; height:65px; position:relative;}
.chat_input .add    {float:left; border:2px solid #caedfe; width:39px; height:39px; border-radius:39px; background:url("../images/common/chat_input_add.png") #fff no-repeat 50% 50%; background-size:13px auto; margin:13px 0 0 12px;}
.chat_input .add:focus  {outline:none;}
.chat_input .add span   {display:block; width:0; overflow:hidden;}
.chat_input .textfield  {margin:0 75px 0 55px; padding:10px; height:45px;}
.chat_input .textfield textarea {width:100%; height:100%; border:0; line-height:20px;}
.chat_input .submit {position:absolute; top:10px; right:13px; color:#19b5fe; font-size:14px; text-align:center;}
.chat_input .submit span    {display:block; border:3px solid #caedfe; border-radius:10px; width:51px; padding:13px 0 14px;}

.file_fix   {background:#caedfe; padding:13px 0 10px 13px; display:none;}
.file_fix .image    {background:url("../images/common/ico_image.png") no-repeat 50% 50%; background-size:100% 100%; display:inline-block; width:47px; height:47px; vertical-align:top; margin-right:8px;}
.file_fix .image span   {display:block; width:0; overflow:hidden;}
.file_fix .photo    {background:url("../images/common/ico_photo.png") no-repeat 50% 50%; background-size:100% 100%; display:inline-block; width:47px; height:47px; vertical-align:top;}
.file_fix .photo span   {display:block; width:0; overflow:hidden;}
.file_fix .etc  {background:url("../images/common/ico_etc.png") no-repeat 50% 50%; background-size:30px auto; display:inline-block; width:47px; height:47px; vertical-align:top;}
.file_fix .etc span {display:block; width:0; overflow:hidden;}
.file_fix.on    {display:block;}

#location   {position:relative; width:100%; height:41px; display:inline-block; background:#fff; vertical-align:top; z-index:10;}
#location .selecting    {float:left; background:url("../images/common/icon_location.png") no-repeat 13px 9px; background-size:14px 20px; padding:0 0 0 25px;}
#location .selecting select {border:0; font-size:12px; color:#555; display:inline-block; padding:10px 5px 10px; font-family:"Noto Sans Korean"; background:transparent;}
#location .selecting .set_location  {font-size:12px; color:#555; display:inline-block; padding:10px 13px 10px 5px; font-family:"Noto Sans Korean"; background:url("../images/common/set_location.png") no-repeat 100% 17px; background-size:7px 5px;}
#location .button_area  {float:right; padding:8px 12px 0 0;}
#location .button_area .basic_btn   {margin-left:1px; font-weight:400;}

#contents   {padding:12px; background:url("../images/common/bg_contents_line.png") repeat-x 0 0; background-size:1px 6px;}

/* 서브타이틀 */
.subtitle1  {font-size:13px; color:#fff; background:#00cb9f; text-align:center; padding:8px 0 7px; margin-bottom:13px; font-weight:500;}

/* 탭메뉴 영역 */
.tab_area   {position:relative; margin:0 0 12px; padding:0 60px 0 0;}
.tab_area .detail_search    {position:absolute; top:0; right:0; background:url("../images/common/bg_detail_search.png") no-repeat 100% 15px; background-size:4px 6px; padding:10px 7px; color:#9d9c9c;}
.tab_area .tabmenu  {display:table; width:100%; table-layout:fixed;}
.tab_area .tabmenu ul   {display:table-row;}
.tab_area .tabmenu ul li    {display:table-cell; background:#fff; text-align:center; min-width:40px;}
.tab_area .tabmenu ul li a  {display:block; color:#9d9c9c; padding:8px 0 9px; border:1px solid #aaa7a7; border-left:0; font-weight:500;}
.tab_area .tabmenu ul li:first-child a  {border-left:1px solid #aaa7a7;}
.tab_area .tabmenu ul li.on {background:#19b5fe; position:relative;}
.tab_area .tabmenu ul li.on a   {border:0; padding:9px 0 10px; color:#fff;}

.tab_area2  {position:relative; margin:0 0 12px;}
.tab_area2 .detail_search   {position:absolute; top:0; right:0; background:url("../images/common/bg_detail_search.png") no-repeat 100% 15px; background-size:4px 6px; padding:10px 7px; color:#9d9c9c;}
.tab_area2 .tabmenu {display:table; width:100%; table-layout:fixed;}
.tab_area2 .tabmenu ul  {display:table-row;}
.tab_area2 .tabmenu ul li   {display:table-cell; background:#fff; text-align:center; min-width:40px;}
.tab_area2 .tabmenu ul li a {display:block; color:#9d9c9c; padding:8px 0 9px; border:1px solid #aaa7a7; border-left:0; font-weight:500;}
.tab_area2 .tabmenu ul li:first-child a {border-left:1px solid #aaa7a7;}
.tab_area2 .tabmenu ul li.on    {background:#19b5fe; position:relative;}
.tab_area2 .tabmenu ul li.on a  {border:0; padding:9px 0 10px; color:#fff;}

/* 전국 레이어 */
.select_city    {position:absolute; top:43px; left:0; width:100%; display:none;}
.select_city .select_list   {margin:-1px 12px 0; border:1px solid #dbdcdc; border-top:1px solid #f1f1f1; padding:6px 7px; background:#fff;}
.select_city .select_list ul    {width:100%; overflow:hidden; margin-bottom:10px;}
.select_city .select_list ul li {float:left; width:25%; text-align:center;}
.select_city .select_list ul li a   {display:block; margin:1px 1px 0 0; background:#cacaca; color:#fff; padding:9px 0;}
.select_city .select_list ul li a span  {display:inline-block; /*background:url("../images/common/bg_select_city.png") no-repeat 100% 4px; background-size:10px 8px; padding:0 13px 0 0;*/}
.select_city .select_list ul li.on a    {color:#fff; background:#19b5ff;}
.select_city .select_list ul li.on a span   {background:url("../images/common/bg_select_city.png") no-repeat 100% 4px; background-size:10px 8px; padding:0 13px 0 0;}

/* 페이지타이틀 */
.page_title {border-top:2px; position:relative; padding:17px 12px 17px; background:#19b5fe;} /*20160521 수정*/
.page_title strong  {font-size:13px; color:#fff; font-weight:500;}
.page_title .share_field    {position:absolute; top:12px; right:12px;}
.page_title .share  {margin-left:7px;}

/* 뉴스리스트 */
.news_list  {width:100%; overflow:hidden;}
.news_list ul   {float:right; width:48.6%;}
.news_list ul:first-child   {float:left;}
.news_list ul li    {background:#fff; padding-bottom:10px; margin-bottom:12px; border:1px solid #eaeaea;}
.news_list ul li .thumb {margin-bottom:13px;}
.news_list ul li .thumb img {width:100%;}
.news_list ul li dfn    {color:#19b5fe; font-size:11px; display:block; padding:0 11px 9px;}
.news_list ul li dl {padding:0 11px;}
.news_list ul li dl dt  {font-size:13px; color:#555; font-weight:500; margin-bottom:5px;}
.news_list ul li dl dd  {line-height:15px; color:#9d9c9c; height:30px; overflow:hidden;}
.news_list ul li .util  {padding:9px 11px 0; overflow:hidden; text-align:right;}
.news_list ul li .util .hit {float:left; color:#b3b3b3; background:url("../images/common/bg_sprite_icon.png") no-repeat 0 4px; background-size:50px 250px; padding:1px 6px 0 8px; font-size:11px;}
.news_list ul li .util .share   {float:left; color:#b3b3b3; background:url("../images/common/bg_sprite_icon.png") no-repeat 0 -8px; background-size:50px 250px; padding:1px 0 0 11px; font-size:11px;}
.news_list ul li .util .date    {color:#b3b3b3; font-size:11px;}

/* 분양정보 리스트 */
.parcel_out_list    {}
.parcel_out_list > ul   {}
.parcel_out_list > ul > li  {position:relative; overflow:hidden; background:#fff; padding:0 12px 0 0; margin-bottom:12px; box-shadow:0 0 3px #ccc;}
.parcel_out_list > ul > li .thumb   {float:left; width:105px;}
.parcel_out_list > ul > li .thumb img   {max-width:100%;}
.parcel_out_list > ul > li .summary {margin:0 0 0 116px;}
.parcel_out_list > ul > li .summary dl  {padding:10px 0 6px 0;}
.parcel_out_list > ul > li .summary dl dt   {font-size:11px; color:#19b5fe;}
.parcel_out_list > ul > li .summary dl dt strong    {font-size:14px; color:#555; display:block; padding-top:5px; font-weight:500;}
.parcel_out_list > ul > li .summary dl dd   {position:relative; font-size:10px; color:#9d9c9c; padding:4px 0 0 0;} /*20160530**/
.parcel_out_list > ul > li .summary dl dd a{margin-left:5px;}
/*.parcel_out_list > ul > li .summary dl dd .basic_btn.green1   {position:absolute; top:4px; right:0;} 20160530*/
/*.parcel_out_list > ul > li .summary dl dd .basic_btn.blue {position:absolute; top:4px; right:0;} 20160530*/
.parcel_out_list > ul > li .interest    {background:url("../images/common/bg_sprite_icon.png") no-repeat 35px -24px; background-size:50px 250px; width:50px; height:24px; position:absolute; top:3px; right:8px; font-size:10px; line-height:11px; color:#9d9c9c; font-weight:400;}
.parcel_out_list > ul > li .interest span   {display:block; overflow:hidden;}
.parcel_out_list > ul > li .interest:focus  {outline:none;}
.parcel_out_list > ul > li.on .interest {background-position:35px -47px;}
.parcel_out_list > ul > li .state   {background:url("../images/common/bg_state_bar.gif") no-repeat 0 0; background-size:2px 9px; display:table; width:100%; padding-left:2px;}
.parcel_out_list > ul > li .state ul    {background:url("../images/common/bg_state_line.gif") repeat-x 0 2px; background-size:1px 4px; display:table-row;}
.parcel_out_list > ul > li .state ul li {display:table-cell; font-size:10px; color:#9d9c9c; text-align:center; padding:0; letter-spacing:-1px; padding:10px 0 0;}
.parcel_out_list > ul > li .state ul li a   {display:block; padding:6px 0; color:#9d9c9c; font-size:10px;}
.parcel_out_list > ul > li .state ul li.on  {background:url("../images/common/bg_state_line_on.gif") repeat-x 0 2px; background-size:1px 4px;}
.parcel_out_list > ul > li .state ul li.on a    {color:#00cb9f;}
.parcel_out_list > ul > li .issue   {display:table; width:100%; table-layout:fixed; margin:4px 0 0;}
.parcel_out_list > ul > li .issue ul    {display:table-row;}
.parcel_out_list > ul > li .issue ul li {display:table-cell; color:#9d9c9c; font-size:10px; text-align:center;}
.parcel_out_list > ul > li .issue ul li a   {display:inline-block; color:#19b5fe;}
.parcel_out_list > ul > li .issue ul li a span  {display:block; background:url("../images/common/bg_issue_arrow.png") no-repeat 100% 21px; background-size:3px 5px; padding:0 6px;}
.parcel_out_list > ul > li .issue ul li span em {display:block; font-size:16px; font-weight:500;}
.parcel_out_list > ul > li .issue ul li span em sub {font-weight:normal; vertical-align:bottom;}
.parcel_out_list > ul > li .issue ul li.blog span .name {background:url("../images/common/bg_dot_1x1_19b5fe.gif") repeat-x 0 100%; padding:0 0 1px; background-size:1px 1px;}
.parcel_out_list > ul > li .issue ul li.news span .name {background:url("../images/common/bg_dot_1x1_19b5fe.gif") repeat-x 0 100%; padding:0 0 1px; background-size:1px 1px;}
/*.parcel_out_list.nodata   {background:url("../images/common/bg_building_nodata.png") #fff no-repeat 50% 84px; background-size:90px; padding:188px 0 116px; text-align:center; font-size:14px; color:#c0c2c2;}*/
.parcel_out_list.nodata {background:url("../images/common/bg_building_nodata2.png") #fff no-repeat 50% 75px; background-size:106px auto; padding:201px 0 100px; text-align:center; font-size:14px; color:#c0c2c2;}

/* 로그인정보 */
.login_info {background:#fff; padding:0 12px 12px;}
.login_info dfn {display:block; background:url("../images/common/icon_login_info.png") no-repeat 50% 30px; background-size:90px; font-size:14px; color:#19b5fe; border-bottom:1px solid #e2e1e1; padding:141px 0 30px; text-align:center; margin-bottom:30px;}
.login_info p   {line-height:20px; color:#a4a3a3; font-size:13px; margin-bottom:6px;}
.login_info p em    {color:#2cdfff;}
.login_info .btn_logout {display:block; font-size:15px; color:#fff; text-align:center; background:#2cdfff; padding:17px 0 16px;}

/* 검색 */
.search_tab {margin-bottom:13px;}
.search_tab ul  {width:100%; overflow:hidden; background:#fff;}
.search_tab ul li   {float:left; width:50%;}
.search_tab ul li:first-child   {margin-right:-1px; padding-left:1px;}
.search_tab ul li a {display:block; text-align:center; border:1px solid #00cb9f; font-size:12px; color:#00cb9f; padding:9px 0 8px;}
.search_tab ul li.on    {position:relative; background:#00cb9f;}
.search_tab ul li.on a  {color:#fff;}

.search_keyword {background:#fff; position:relative;}
.search_keyword .button_area    {padding:12px 0 13px 12px;}
.search_keyword ol  {padding:0 12px 25px;}
.search_keyword ol li   {padding:12px 0 0;}
.search_keyword ol li a {display:block; width:100%; overflow:hidden;}
.search_keyword ol li a .number {float:left; width:18px; height:14px; border:1px solid #c4c0c0; background:#f5f2f2; font-size:9px; color:#5f5f5f; text-align:center; padding:4px 0 0; border-radius:2px;}
.search_keyword ol li a .text   {display:block; margin-left:25px; font-size:14px; color:#555; padding:3px 0 0; font-weight:600;}
.search_keyword .select_city .select_list   {margin-left:0; margin-right:0;}

/* 상세페이지 그래프 */
.business_graph {background:#fff; padding:0 12px; margin:0 0 12px; border:1px solid #eaeaea;}
.business_graph .result {text-align:center; font-size:15px; color:#19b5fe; padding:17px 0 19px;}
.business_graph .result strong  {font-size:18px; background:url("../images/common/bg_bar_graph_result.png") no-repeat 0 6px; background-size:16px 12px; display:inline-block; padding:0 0 0 23px;}
.bar_graph  {position:relative; height:88px; border-top:2px solid #e4e5e5; border-bottom:2px solid #e5e6e6; background:url("../images/common/bg_graph_line.gif"); background-size:1px 22px;}
.bar_graph .avg {position:absolute; bottom:0; width:100%; border-bottom:2px solid #00cb9f;}
.bar_graph .avg span    {font-size:9px; color:#fff; background:url("../images/common/bg_graph_avg.png") no-repeat 0 0; background-size:29px 31px; width:29px; height:28px; padding:3px 0 0; text-align:center; display:inline-block;}
/*
.bar_graph ul   {position:relative; height:100%; text-align:center; z-index:1;}
.bar_graph ul li    {height:100%; background:url("../images/common/bg_graph_list.gif"); background-size:5px; width:24px; display:inline-block; margin:0 6px; position:relative;}
.bar_graph ul li .wrap  {position:absolute; bottom:0; left:0; width:100%; background:url("../images/common/bg_graph_bar.png") no-repeat 0 0; background-size:200px 100px; color:#fff; font-size:13px; line-height:20px;}
.bar_graph ul li .name  {position:absolute; top:100%; left:0; width:150%; color:#555; font-size:8px; line-height:12px; padding-top:25px; margin-left:-25%; letter-spacing:-1px;}
.bar_graph ul li .icon  {position:absolute; bottom:-18px; left:-2px; width:28px; background:url("../images/common/bg_graph_icon.png") no-repeat 0 0; background-size:202px 28px;}
.bar_graph ul li:nth-child(1) .wrap {background-position:0 100%;}
.bar_graph ul li:nth-child(1) .icon {height:28px; background-position:0 0;}
.bar_graph ul li:nth-child(1) .name {color:#118fca;}
.bar_graph ul li:nth-child(2) .wrap {background-position:-35px 100%;}
.bar_graph ul li:nth-child(2) .icon {height:28px; background-position:-35px 0;}
.bar_graph ul li:nth-child(2) .name {color:#32a2c6;}
.bar_graph ul li:nth-child(3) .wrap {background-position:-70px 100%;}
.bar_graph ul li:nth-child(3) .icon {height:28px; background-position:-70px 0;}
.bar_graph ul li:nth-child(3) .name {color:#cba60f;}
.bar_graph ul li:nth-child(4) .wrap {background-position:-105px 100%;}
.bar_graph ul li:nth-child(4) .icon {height:28px; background-position:-105px 0;}
.bar_graph ul li:nth-child(4) .name {color:#19b5fe;}
.bar_graph ul li:nth-child(5) .wrap {background-position:-140px 100%;}
.bar_graph ul li:nth-child(5) .icon {height:28px; background-position:-140px 0;}
.bar_graph ul li:nth-child(5) .name {color:#ef7e53;}
.bar_graph ul li:nth-child(6) .wrap {background-position:-176px 100%;}
.bar_graph ul li:nth-child(6) .icon {height:28px; background-position:-175px 0;}
.bar_graph ul li:nth-child(6) .name {color:#00cb9f;}
*/
.bar_graph ul   {position:relative; height:100%; text-align:center; z-index:1;}
.bar_graph ul li    {height:100%; background:url("../images/common/bg_graph_list.gif"); background-size:5px; width:25px; display:inline-block; margin:0 5px; position:relative;}
.bar_graph ul li .wrap  {position:absolute; bottom:0; left:0; width:100%; background:#19b5fe; color:#fff; font-size:13px; font-weight:bold; line-height:20px;}
.bar_graph ul li .name  {position:absolute; top:100%; left:0; width:150%; color:#555; font-size:11px; line-height:12px; padding-top:9px; margin-left:-25%; letter-spacing:-1px;}
.bar_graph ul li .icon  {position:absolute; bottom:0; left:0; width:100%; background:url("../images/common/bg_sprite_top5_icon.png") no-repeat 0 0; background-size:204px 15px;}
.bar_graph ul li:nth-child(1) .wrap {background:#118fca; color:#026696;}
.bar_graph ul li:nth-child(1) .icon {height:11px; bottom:5px; background-position:6px -4px;}
.bar_graph ul li:nth-child(1) .name {color:#118fca;}
.bar_graph ul li:nth-child(2) .wrap {background:#79cde8; color:#1daad9;}
.bar_graph ul li:nth-child(2) .icon {height:11px; bottom:5px; background-position:-32px -4px;}
.bar_graph ul li:nth-child(2) .name {color:#32a2c6;}
.bar_graph ul li:nth-child(3) .wrap {background:#f1cf46; color:#c4a31c;}
.bar_graph ul li:nth-child(3) .icon {height:14px; bottom:5px; background-position:-70px -1px;}
.bar_graph ul li:nth-child(3) .name {color:#cba60f;}
.bar_graph ul li:nth-child(4) .wrap {background:#19b5fe; color:#1582b5;}
.bar_graph ul li:nth-child(4) .icon {height:12px; bottom:7px; background-position:-108px -1px;}
.bar_graph ul li:nth-child(4) .name {color:#19b5fe;}
.bar_graph ul li:nth-child(5) .wrap {background:#ef7e53; color:#ab5b3c;}
.bar_graph ul li:nth-child(5) .icon {height:12px; bottom:8px; background-position:-146px -1px;}
.bar_graph ul li:nth-child(5) .name {color:#ef7e53;}
.bar_graph ul li:nth-child(6) .wrap {background:#00cb9f; color:#0c8067;}
.bar_graph ul li:nth-child(6) .icon {height:13px; bottom:8px; background-position:-184px 0;}
.bar_graph ul li:nth-child(6) .name {color:#00cb9f;}
.business_graph .help   {color:#b3b3b3; font-size:11px; padding:56px 0 16px; text-align:center;}

/* 상세페이지 비주얼 롤링 */
.slide_banner   {width:100%; position:relative; overflow:hidden; margin-bottom:12px;}
.slide_banner ul.thumb  {width:100%; cursor:move;}
.slide_banner ul.thumb li   {float:left; width:100%;}
.slide_banner ul.thumb li img   {max-width:100%;}
.slide_banner ul.nav    {position:absolute; bottom:10px; left:0; width:100%; text-align:center;}
.slide_banner ul.nav li {background:url("../images/common/bul_parcel_detail.png") no-repeat 4px 4px; background-size:24px 50px; width:10px; height:10px; display:inline-block; padding:4px; cursor:pointer;}
.slide_banner ul.nav li button  {display:block; height:100%;}
.slide_banner ul.nav li.on  {background-position:4px -36px;}

/* 상세페이지 탭메뉴 */ /*20160523 수정 시작*/
.detail_tabs    {width:100%; margin-bottom:12px;} 
.detail_tabs ul {overflow:hidden; }
.detail_tabs ul li  {float:left; width:33%; background:#fff; }
.detail_tabs ul li:first-child  {width:34%;}
.detail_tabs ul li a    {display:block; text-align:center; color:#00cb9f; font-size:12px; border:1px solid #06cca1; border-left:none; padding:8px 0 7px;}
.detail_tabs ul li:first-child a    {border-left:1px solid #06cca1;}
.detail_tabs ul li.on a {background:#00cb9f; color:#fff;}
/*20160523 수정 끝*/

/* 상세페이지 컨텐츠 */
.detail_info_wrap   {background:#fff; border:1px solid #eaeaea;}
.basic_info {padding:0 12px;}
.basic_info dl  {width:100%; overflow:hidden; line-height:16px; padding:12px 0 0;}
.basic_info dl dt   {float:left; clear:both; padding:0 0 11px 0; width:85px; font-size:12px; color:#9d9c9c;}
.basic_info dl dd   {position:relative; margin:0 0 0 85px; padding:0 0 11px 0; color:#555;}
.basic_info dl dd.place {padding-right:38px;}
.basic_info dl dd.place .place  {position:absolute; top:-3px; right:0;}
.basic_info dl dd.tel   {padding-right:38px;}
.basic_info dl dd.tel .tel  {position:absolute; top:-2px; right:0;}
.basic_info dl dd.tel .blog {position:absolute; top:-2px; right:0;}
.basic_info dl dd.home  {padding-right:38px;}
.basic_info dl dd.home .homepage    {position:absolute; top:-4px; right:0;}

/* 상세페이지 지도 api */
.detail_map_wrap    {background:#fff; padding:10px;}
.detail_map_wrap .map_api   {position:relative; border:1px solid #e4e0e0; overflow:hidden;}
.detail_map_wrap .map_api > a{position:absolute; right:4px; top:4px;}
.detail_map_wrap .map_api > a>img{width:20px; height:20px;}
.detail_map_wrap .map_api > img {width:100%;}
.support_btn    {background:#fff; padding:10px; border:1px solid #eaeaea; border-top:0; margin-top:-1px;}
.support_btn .map_api_btn   {width:100%; overflow:hidden; margin:20px 0 0;}
.support_btn .map_api_btn .join_talkroom    {float:left; width:50%;}
.support_btn .map_api_btn .join_talkroom span   {display:block; text-align:center; margin-right:3px; background:#19b5fe; color:#fff; font-size:12px; padding:8px 0 9px;}
.support_btn .map_api_btn .report_modelhouse    {float:right; width:50%;}
.support_btn .map_api_btn .report_modelhouse span   {display:block; text-align:center; margin-left:3px; background:#19b5fe; color:#fff; font-size:12px; padding:8px 0 9px;}
.support_btn .detail_map_caution    {position:relative; font-size:12px; line-height:1.5; color:#9d9c9c; padding:15px 70px 15px 0;}
.support_btn .detail_map_caution .basic_btn.gray3   {position:absolute; top:21px; right:0;}

/* 상세페이지 컨텐츠 - 현재상태 */
.business_state {background:url("../images/common/bg_business_state_bar.gif") #e5f6f3 no-repeat 10px 23px; background-size:2px 12px; padding:0 10px 0 12px; margin:0 12px 17px;}
.business_state .wrap   {width:100%; display:table; table-layout:separate;}
.business_state .wrap ul    {width:100%; background:url("../images/common/bg_business_state_line.gif") repeat-x 0 26px; background-size:1px 5px; display:table-row;}
.business_state .wrap ul li {display:table-cell; padding:41px 0 15px; text-align:center; color:#555; font-size:13px;}
.business_state .wrap ul li.on  {background:url("../images/common/bg_business_state_on.png") no-repeat 50% 12px; background-size:150px 19px; color:#19b5fe;}

/* 상세페이지 컨텐츠 - 일정 */
.parcel_schedule    {padding:0 12px;}
.parcel_schedule h2 {font-size:14px; font-weight:500;}
.parcel_schedule dl {width:100%; overflow:hidden; line-height:16px; padding:7px 0 11px;}
.parcel_schedule dl dt  {float:left; clear:both; padding:0 0 11px 0; width:85px; font-size:12px; color:#9d9c9c;}
.parcel_schedule dl dd  {position:relative; margin:0 0 0 85px; padding:0 0 11px 0; color:#555;}
.parcel_schedule dl dd .basic_btn   {margin:-3px 0 0 10px;}

/* 상세페이지 컨텐츠 - 오리발*/
.parcel_note{position:relative; padding:20px 12px; color:#9d9c9c; font-size:12px; line-height:17px;}
.parcel_note>div{border-top:1px solid #9d9c9c; padding-top:20px;text-indent: -15px; padding-left: 15px;}
/* 상세페이지 주택안내 목록 탭 */
.size_list  {padding:0 10px 0;}
.size_list .tab {width:100%; overflow:hidden; padding:10px 0 9px;}
.size_list .tab li  {float:left; width:16.3%; margin:0 1px 1px 0; background:#f3f2f2;}
.size_list .tab li a    {display:block; text-align:center; font-size:13px; padding:11px 0 9px;}
.size_list .tab li.on   {background:#777;}
.size_list .tab li.on a {color:#fff;}
.size_list .size_contents   {}
.size_list .size_contents li    {}
.size_list .size_contents li .thumb {position:relative; border:1px solid #e4e0e0; overflow:hidden;}
.size_list .size_contents li .thumb a{position:absolute; right:4px; top:4px;}
.size_list .size_contents li .thumb a>img{width:20px; height:20px;}
.size_list .size_contents li .thumb img {max-width:100%; vertical-align:top;}
.size_list .size_contents li dl {width:100%; overflow:hidden; line-height:16px; padding:15px 0 20px;}
.size_list .size_contents li dl dt  {float:left; clear:both; padding:0 0 8px 2px; width:84px; font-size:12px; color:#9d9c9c;}
.size_list .size_contents li dl dd  {margin:0 0 0 86px; padding:0 0 8px 0; color:#555;}
.size_list .size_contents li.on {display:block;}

/* 상세검색 */
.search_field   {background:#fff; padding:0 12px 20px; margin-bottom:6px;}
.search_field h2    {font-size:14px; color:#19b5fe; border-bottom:1px solid #e2e1e1; padding:18px 0 7px; font-weight:normal;}
.search_field label {position:relative; font-size:14px; display:inline-block; vertical-align:middle; margin:10px 4px 0 0; border:1px solid #c5c3c3; border-radius:11px; padding:4px 26px 2px 11px; background:url("../images/common/bg_input_radio.png") no-repeat 100% 7px; background-size:15px 25px;}
.search_field label input   {position:absolute; visibility:hidden;}
.search_field label.on  {color:#19b5fe; border-color:#19b5fe; background-position:100% -10px;}
.search_field .select_style1    {margin-top:5px;}
.search_field h2 + .select_style1   {margin-top:12px;}
.search_field h2 + .input_text1 {margin-top:12px;}
.search_field h2 + .textarea1   {margin-top:12px;}
.search_field .support  {font-size:12px; color:#9d9c9c; padding:3px 0 0;}
/* 이벤트 참여 */
.search_field .subject  {text-align:center; border-bottom:1px solid #e2e1e1;}
.search_field .subject dt   {font-size:12px; color:#19b5fe; padding:23px 0 2px;}
.search_field .subject .summary {font-size:16px; color:#555; margin-bottom:5px;}
.search_field .subject .date    {font-size:11px; color:#9d9c9c; padding:0 0 19px;}
.search_field.event_reg h2  {border-bottom:0; padding:18px 0 0;}
.search_field .event_select {overflow:hidden;}
.search_field .event_select .select_style1  {float:left; margin-top:9px; vertical-align:middle; width:30%; margin-right:-2px;}
.search_field .event_select .input_text2    {float:left; margin-top:9px; width:30%; margin-right:-2px;}
.search_field .event_select .hipen  {float:left; margin-top:15px; margin-right:-2px;}
div.search_field    {padding:0; margin:0; background:none;}
.search_field.event_reg .btn_section2   {padding:35px 0 0;}

.search_field.event_reg .terms{padding-bottom:10px; border-bottom: 1px solid #ddd; margin-bottom: 10px;}
.search_field.event_reg .terms > div{padding:10px 0; height:27px; font-size:16px; color:#333; }
.search_field.event_reg .terms > div a{color:#888; padding-left: 15px; font-size: 14px;}
.search_field.event_reg .terms input[type=checkbox] {display: none;}

.search_field.event_reg .terms input[type=checkbox] + label{display: inline-block; cursor: pointer; position: relative; padding-left: 30px; 
    margin-right: 15px;   
}
.search_field.event_reg .terms label{border:none; background: none;
}

.search_field.event_reg .terms input[type=checkbox]+ label:before {   
    content: "";  
    display: inline-block;   
    width: 20px;  
    height: 20px;    
    margin-right: 10px;  
    position: absolute;  
    left: 0;  
   
    background-color: #fff;  
    border-radius: 2px; 
    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .5), 0px 1px 0px 0px rgba(255, 255, 255, .8);  
}
.search_field.event_reg .terms input[type=checkbox]:checked + label:before { 
    content: "\2713";  /* 체크모양 */
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);  
    font-size: 18px; 
    font-weight:800; 
    color: #fff;  
    background:#19b5fe;
    text-align: center;  
    line-height: 18px;  

}

.search_field.event_reg .terms .total{width:100%; padding:3px 0 20px; margin-top:20px; background-color:#19b5fe; color:#fff; font-size:15px; text-align:center;}
.search_field.event_reg .terms .total input[type=checkbox]+ label:before{background-color:#19b5fe; border:1px solid #fff; position:absolute; top:2px; left:50%; margin-left:-70px; box-shadow: none;  }
.search_field.event_reg .terms .total input[type=checkbox]+ label{width:100%; padding-left:0;}


/* 셀렉트박스 */
.select_style1  {position:relative; border:1px solid #c4c2c2; background:url("../images/common/bg_select_style1.gif") no-repeat 100% 0; background-size:28px;}
.select_style1 .default {font-size:14px; padding:6px 28px 6px 0; text-align:center;}
.select_style1 select   {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;}

/* 실시간 인기분양현장 top5 */
.always_check_top5  {background:#fff; padding:2px 12px;}
.always_check_top5 ol   {}
.always_check_top5 ol li    {width:100%; overflow:hidden; border-top:1px solid #e7e7e7; padding:10px 0;}
.always_check_top5 ol li:first-child    {border:0;}
.always_check_top5 ol li .name  {float:left; padding:0 0 0 5px; width:58%;}
.always_check_top5 ol li .name .space   {width:0; height:50px; display:inline-block; vertical-align:middle; margin-right:-4px;}
.always_check_top5 ol li .name .text    {display:inline-block; vertical-align:middle; font-weight:500; font-size:13px;}
.always_check_top5 ol li .graph {float:right; padding-right:3px;}
.always_check_top5 ol li.blue .donut    {background:url("../images/common/donut_blue.png") no-repeat 0 0; background-size:100% auto;}
.always_check_top5 ol li.skyblue .donut {background:url("../images/common/donut_skyblue.png") no-repeat 0 0; background-size:100% auto;}
.always_check_top5 ol li.yellow .donut  {background:url("../images/common/donut_yellow.png") no-repeat 0 0; background-size:100% auto;}
.always_check_top5 ol li.orange .donut  {background:url("../images/common/donut_orange.png") no-repeat 0 0; background-size:100% auto;}
.always_check_top5 ol li.green .donut   {background:url("../images/common/donut_green.png") no-repeat 0 0; background-size:100% auto;}
.always_check_top5 ol li .point {display:inline-block; vertical-align:middle; font-size:9px; text-align:center; padding:0 0 0 7px; width:44px;}
.always_check_top5 ol li .point em  {display:block; font-size:22px;}
.always_check_top5 ol li.blue .point    {color:#19b5fe;}
.always_check_top5 ol li.skyblue .point {color:#32a2c6;}
.always_check_top5 ol li.yellow .point  {color:#cba60f;}
.always_check_top5 ol li.orange .point  {color:#ef7e53;}
.always_check_top5 ol li.green .point   {color:#00cb9f;}

/* 원 그래프 */
.donut {display:inline-block; vertical-align:middle; width:50px; height:50px; position:relative; background:url("../images/common/donut_blue.png") no-repeat 0 0; background-size:100% auto}
.donut .mask_r  {width:25px; height:50px; overflow:hidden; position:absolute; top:0; right:0;}
.donut .mask_r > span   {display:block; width:50px; margin-left:-25px;}
.donut .mask_r span span    {display:block; width:50px; height:50px; background:url("../images/common/donut_right.png") no-repeat 100% 0; background-size:25px 100%;}
.donut .mask_l  {width:25px; height:50px; overflow:hidden; position:absolute; top:0; left:0;}
.donut .mask_l > span   {display:block; width:50px;}
.donut .mask_l span span    {display:block; width:50px; height:50px; background:url("../images/common/donut_left.png") no-repeat 0 0; background-size:25px 100%;}
.donut .value   {display:block; position:absolute; z-index:100; left:0; top:0; width:100%; text-align:center; visibility:hidden;}

/* faq */
.faq_list   {}
.faq_list dl    {}
.faq_list dl dt {background:#fff; font-size:15px; margin-top:1px;}
.faq_list dl dt a   {color:#555; display:block; margin-right:12px; background:url("../images/common/faq_arrow.png") no-repeat 100% 23px; background-size:13px 7px; padding:18px 0 18px 12px;}
.faq_list dl dt a span  {color:#19b5fe; display:inline-block; vertical-align:top; margin:-1px 5px 0 0;}
.faq_list dl dd {height:0; overflow:hidden;}
.faq_list dl dd .summary    {margin-top:1px; background:#fff; font-size:12px; line-height:18px; padding:22px 12px 31px; color:#9d9c9c;}
.faq_list dl dd .summary .answer    {font-size:13px;}
.faq_list dl dd .summary .answer span   {color:#8b8686; margin-right:5px;}
.faq_list dl dd .summary .help_image    {padding:16px 0 15px;}
.faq_list dl dd .summary .help_image img    {width:100%;}
.faq_list dl dt.on a    {background:url("../images/common/faq_arrow_on.png") no-repeat 100% 23px; background-size:13px 7px;}

/* notice */
.notice_list    {}
.notice_list dl {}
.notice_list dl dt  {background:#fff; font-size:15px; margin-top:1px;}
.notice_list dl dt a    {color:#555; display:block; margin-right:12px; background:url("../images/common/faq_arrow.png") no-repeat 100% 31px; background-size:13px 7px; padding:18px 0 18px 12px;}
.notice_list dl dt a .date  {display:block; font-size:12px; color:#bdbcbc; padding:3px 0 0;}
.notice_list dl dd  {height:0; overflow:hidden;}
.notice_list dl dd .summary {margin-top:1px; background:#fff; font-size:12px; line-height:18px; padding:12px 12px 31px; color:#9d9c9c;}
.notice_list dl dd .summary .answer {font-size:13px;}
.notice_list dl dd .summary .answer span    {color:#8b8686; margin-right:5px;}
.notice_list dl dd .summary .help_image {padding:0 0 15px;}
.notice_list dl dd .summary .help_image img {width:100%;}
.notice_list dl dt.on a {background:url("../images/common/faq_arrow_on.png") no-repeat 100% 31px; background-size:13px 7px;}

/* 고객센터 */
.cs_center_info {font-size:14px; color:#888; line-height:22px; padding:20px 16px 21px; background:#fff; margin:0 0 10px;}
.cs_center_info em  {color:#19b5fe;}
.report_complete    {position:absolute; top:158px; left:0; width:100%; display:none;}
.report_complete .overlay   {position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; background:#000; opacity:0.5;}
.report_complete .report_content    {position:relative; z-index:101; margin:0 12px; background:#fff; overflow:hidden; border-radius:4px;}
.report_complete .report_content dl {text-align:center; letter-spacing:-1px;}
.report_complete .report_content dl dt  {font-size:20px; line-height:27px; color:#19b5fe; padding:56px 0 28px;}
.report_complete .report_content dl dt em   {color:#2cdfff;}
.report_complete .report_content dl dd  {font-size:15px; line-height:25px; color:#19b5fe; margin-bottom:41px;}
.report_complete .report_content .event_join    {text-align:center; letter-spacing:-1px; font-size:15px; line-height:25px; color:#19b5fe; padding:60px 0;}
.report_complete .report_content .event_join em {color:#2cdfff;}
.report_complete .report_content .accept a  {display:block; border-top:1px solid #19b5fe; background:#1fcfff; color:#fff; font-size:17px; padding:14px 0 15px; text-align:center;}

/* 알림 */
.alim_list  {}
.alim_list ul   {}
.alim_list ul li    {position:relative; margin-bottom:10px;}
.alim_list ul li .thumb img {width:100%;}
.alim_list ul li .summary_wrap  {position:static; bottom:0; left:0; width:100%;}
.alim_list ul li .summary_wrap .summary {position:relative;  min-height: 73px;}
.alim_list ul li .summary_wrap .summary .overlay    {position:absolute; left:0; bottom:0; width:100%; height:100%;}
.alim_list ul li .summary_wrap .summary dl  {position:relative; color:#fff; margin:0;}
.alim_list ul li .summary_wrap .summary dl dt   {font-size:11px; display:inline-block; padding:14px 0 1px; color:#9d9c9c;}
.alim_list ul li .summary_wrap .summary dl dd   {font-size:16px; padding:1px 0 6px; font-weight:600; color:#555; background:url("../images/common/alim_list_move.png") no-repeat 100% 4px; background-size:9px 14px;}
.alim_list ul li .summary_wrap .summary dl dd.date  {font-size:10px; padding:0 0 7px; font-weight:400; color:#9d9c9c; background:none;}

/* 알림 상세 */
.alim_detail_view   {background:#fff; padding:12px; position:relative;}
.alim_detail_view dl    {margin:0 0 12px;}
.alim_detail_view dl dt {font-size:11px; color:#19b5fe; padding:4px 0 2px;}
.alim_detail_view dl .summary   {font-size:14px; color:#555; margin:0 40px 5px 0;}
.alim_detail_view dl .date  {font-size:11px; color:#9d9c9c; margin-bottom:16px;}
.alim_detail_view dl .thumb {border:1px solid #e4e0e0; overflow:hidden;}
.alim_detail_view dl .thumb img {width:100%;}
.alim_detail_view dl .share {position:absolute; top:17px; right:12px;}
.alim_detail_view dl .share img {width:26px;}
.alim_detail_view .schedule {padding:10px 12px 2px; background:#e7e7e7; overflow:hidden;}
.alim_detail_view .schedule li  {float:left; margin:0 10px 7px 0;}
.alim_detail_view .schedule li .date    {float:left; font-size:12px; color:#fff; background:#c2c0c0; padding:5px 0 6px 0; width:53px; text-align:center;}
.alim_detail_view .schedule li .text    {float:left; font-size:12px; color:#555; padding:5px 0 6px 8px;}
.alim_detail_view .content_text {font-size:12px; line-height:1.5; color:#9d9c9c; padding:7px 0 4px;}

/* 개인정보 섹션 */
.rule_box   {background:#fff; padding:39px 12px 32px;}
.rule_box h2    {font-size:16px; color:#555; margin-bottom:21px;}
.rule_box h2 em {color:#19b5fe; font-weight:bold;}
.rule_box h3    {margin:0 0 -8px;}
.rule_box .guide    {font-size:13px; color:#9d9c9c; line-height:21px;}
.rule_box dl    {padding-bottom: 15px;}
.rule_box dl dt {font-size:14px; color:#555; margin:18px 0 4px;}
.rule_box dl dd {font-size:13px; color:#9d9c9c; line-height:21px; padding-bottom:2px;}

.rule_box table{width:100%; text-align:center; margin-top:15px;:}
.rule_box table thead th{border-top:2px solid #19b5fe; border-left:1px solid #cbd1db; background-color:#ecf5fa; height:35px; }
.rule_box table thead th:first-child{border-left:none;}
.rule_box table tbody td{border-left:1px solid #cbd1db; border-bottom:1px solid #cbd1db;height:35px; }
.rule_box table tbody td:first-child{border-left:none;}
/* 이벤트 리스트 */
.event_list {}
.event_list ul  {}
.event_list ul li   {background:#fff; margin-bottom:6px; padding:12px 0;}
.event_list ul li a {display:block; overflow:hidden; padding:0 12px;}
.event_list ul li .state    {float:right; width:58px; height:58px; background:#777; color:#fff; border-radius:29px; text-align:center;}
.event_list ul li .state .space {width:0; height:100%; display:inline-block; vertical-align:middle; margin-right:-1px;}
.event_list ul li dl    {margin-right:65px;}
.event_list ul li dl dt {font-size:9px; color:#777; padding:5px 0 2px;}
.event_list ul li dl .summary   {font-size:13px; color:#555; margin-bottom:6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.event_list ul li dl .date  {font-size:11px; color:#9d9c9c;}
.event_list ul li.playing dl dt {color:#19b5fe;}
.event_list ul li.playing .state    {background:#19b5fe;}
.event_list ul li.complete dl dt    {color:#00cb9f;}
.event_list ul li.complete .state   {background:#00cb9f;}

/* 달력 */
.calendar_list  {}
.calendar_list > ul {}
.calendar_list > ul > li    {display:table; table-layout:fixed; width:100%; background:#fff; margin-bottom:7px;}
.calendar_list > ul > li .wrap  {display:table-row;}
.calendar_list > ul > li .date  {display:table-cell; width:67px; border-left:2px solid #19b5fe; text-align:center; vertical-align:middle; font-size:8px; color:#555; padding:18px 0 17px;}
.calendar_list > ul > li .date strong   {font-size:22px; display:block; font-weight:normal; letter-spacing:-1px; margin-top:-1px;}
.calendar_list > ul > li ul {display:table-cell; padding:18px 0 16px 5px; vertical-align:middle;}
.calendar_list > ul > li ul li  {background:url("../images/common/bg_dot_4x4.png") no-repeat 0 7px; background-size:2px; padding:0 0 0 6px; font-size:13px; line-height:18px; color:#888;}
.calendar_list > ul > li.today  {background:#2cdfff;}
.calendar_list > ul > li.today .date    {color:#fff;}
.calendar_list > ul > li.today ul li    {color:#fff !important; background:url("../images/common/bg_dot_4x4_blue.png") no-repeat 0 7px; background-size:2px;}

/* 광고영역 */
.ad {position:fixed; bottom:0; z-index:100; width:100%;}
.ad img {width:100%;}

#intro  {background:#19b5fe; height:100%;}
#intro #wrapper {background:none; padding:40px 12px 0; min-width:296px;}
.intro_contents {background:#059de4; border-radius:5px; overflow:hidden;}
.intro_contents h1  {font-size:18px; color:#fff; font-weight:500; text-align:center; line-height:26px; padding:60px 0 24px;}
.intro_contents h1 .c1  {color:#92e7fe;}
.intro_contents h1 .c2  {color:#f4ac40;}
.intro_contents h1 .c3  {color:#d5feac;}
.intro_contents .sub_title  {text-align:center; font-size:14px; line-height:22px; font-weight:500; color:#fff; margin-bottom:29px;}
.intro_contents .button_line    {position:relative; margin:0 20px 14px; padding:0 82px 0 0;}
.intro_contents .button_line a  {display:block; background:url("../images/common/intro_button.png") repeat-x 0 0; bacakground-size:0 30px; border:1px solid #0589c6; border-top:0; border-left:0; border-radius:5px; font-size:15px; color:#fff; text-align:center; padding:7px 0 6px;}
.intro_contents .button_line label  {position:absolute; top:0; right:0;}
.intro_contents .user_agree {border-top:1px solid #0081be; margin-top:45px;}
.intro_contents .user_agree ul  {width:100%; overflow:hidden;}
.intro_contents .user_agree ul li   {float:right; width:50%;}
.intro_contents .user_agree ul li:first-child   {float:left;}
.intro_contents .user_agree ul li a {display:block; text-align:center; font-size:18px; color:#fff; background:#038dcf; padding:17px 0 18px;}
.intro_contents .user_agree ul li:first-child a {border-right:1px solid #0081be;}

.design_check1  {position:relative; display:inline-block; vertical-align:middle; padding:5px 27px; background:url("../images/common/bg_design_check1.png") no-repeat 100% 4px; background-size:21px; font-size:15px; color:#fff;}
.design_check1 input    {position:absolute; visibility:hidden;}
.design_check1.on   {background:url("../images/common/bg_design_check1_on.png") no-repeat 100% 4px; background-size:21px;}

.use_ignore {position:fixed; top:50%; left:0; width:100%; margin:-110px 0 0; display:none;}
.use_ignore .dimd   {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.51;}
.use_ignore .layer_contents {position:relative; z-index:1; margin:0 12px; background:#00cb9f; border-radius:5px; height:220px;}
.use_ignore .layer_contents dfn {font-size:15px; line-height:25px; color:#fff; font-weight:500; text-align:center; display:block; padding:59px 0 0;}
.use_ignore .layer_contents dfn em  {color:#d5feac; font-weight:500;}
.use_ignore .layer_contents .confirm    {position:absolute; bottom:0; left:0; width:100%; font-weight:500; background:#02b38d; border-top:1px solid #3da38d; color:#fff; font-size:18px; text-align:center; border-radius:0 0 5px 5px; padding:14px 0 16px;}

.add_favor_place    {background:#059de4; border-radius:5px; overflow:hidden;}
.add_favor_place h1 {font-size:18px; color:#fff; font-weight:500; text-align:center; line-height:26px; padding:30px 0 1px;}
.add_favor_place .sub_title {text-align:center; font-size:13px; line-height:22px; font-weight:500; color:#fff; margin-bottom:29px;}
.add_favor_place .sub_title em  {font-weight:500; color:#d5feac;}
.add_favor_place .add_favor_complete    {font-weight:500; background:#028ed0; border-top:1px solid #0081be; color:#fff; font-size:18px; text-align:center; border-radius:0 0 5px 5px; padding:15px 0 17px; display:block;}

.location_table {margin:0 20px 34px;}
.location_table table   {width:100%; table-layout:fixed; border-collapse:collapse;}
.location_table table tbody tr td   {height:41px; background:#2cdfff; border:1px solid #059de4; font-weight:500;}
.location_table table tbody tr td .td_wrap1 {text-align:center; font-size:14px; display:block; color:#fff;}
.location_table table tbody tr td .td_wrap1 span    {display:inline-block; background:url("../images/common/favor_place_arr.png") no-repeat 100% 3px; background-size:6px 10px; padding:0 10px 0 0;}
.location_table table tbody tr td.on    {background:#fff;}
.location_table table tbody tr td.on .td_wrap1  {color:#19b5fe;}
.location_table table tbody tr td.on .td_wrap1 span {display:inline-block; background:url("../images/common/favor_place_arr_on.png") no-repeat 100% 3px; background-size:6px 10px;}

.location_table_office  {margin:0 20px 34px;}
.location_table_office table    {width:100%; table-layout:fixed; border-collapse:collapse;}
.location_table_office table tbody tr td    {height:41px; background:#aee973; border:1px solid #059de4; font-weight:500;}
.location_table_office table tbody tr td .td_wrap1  {text-align:center; font-size:14px; display:block; color:#fff;}
.location_table_office table tbody tr td .td_wrap1 span {display:inline-block; background:url("../images/common/favor_office_arr.png") no-repeat 100% 3px; background-size:12px auto; padding:0 16px 0 0;}
.location_table_office table tbody tr td.on {background:#fff;}
.location_table_office table tbody tr td.on .td_wrap1   {color:#8cd149;}
.location_table_office table tbody tr td.on .td_wrap1 span  {display:inline-block; background:url("../images/common/favor_office_arr_on.png") no-repeat 100% 3px; background-size:12px auto;}
.location_table_office .page    {text-align:right; color:#fff; font-size:13px; font-weight:500; padding:15px 0 0;}
.location_table_office .page span   {display:inline-block;}
.location_table_office .page .prev  {background:url("../images/common/location_page_prev.png") no-repeat 0 1px; background-size:9px auto; padding:0 0 0 19px;}
.location_table_office .page .next  {background:url("../images/common/location_page_next.png") no-repeat 100% 1px; background-size:9px auto; padding:0 19px 0 0;}

.location_name  {margin:0 35px 19px;}
.location_name ul   {width:100%; overflow:hidden; padding:11px 0 0;}
.location_name ul li    {text-align:center;}
.location_name ul li.city   {float:left; width:50%;}
.location_name ul li.city a {display:block; margin-right:3px; border:2px solid #2cdfff; border-radius:5px; font-size:14px; color:#fff; font-weight:500; padding:7px 0; height:16px;}
.location_name ul li.office {float:left; width:50%;}
.location_name ul li.office a   {display:block; margin-left:3px; border:2px solid #d5feac; border-radius:5px; font-size:14px; color:#fff; font-weight:500; padding:7px 0; height:16px;}

/*20160512 시작*/

/*float 해제*/
* html .clfx { height: 1%; overflow: visible;} /* IE6 float 해제*/
*+html .clfx{ min-height: 1%;} /* IE7 float 해제 */
.clfx:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.clfix{clear: both; content: "."; display: block; height: 0;}

.top_search{position:relative; padding:12px 12px; background-color:#19b5fe;}
.top_search_f{margin-right:32px; background-color:#fff;}
.top_search_f input[type=text]{padding:0 0 0 2%; width:98%; height:36px; line-height:36px; background-color:#fff; border:none;}
.top_search a{position:absolute; right:12px; top:12px; display:block;}
.top_search a img{width:32px; height:36px;}
.event_join{padding:10px 0; }
.event_join a{padding:18px 0; display:block; text-align:center; background-color:#19b5fe; font-size:15px; color:#fff; }

.alim_list_new ul li .summary_wrap{padding:0 12px; width:auto; background-color:#fff;}
.alim_list_new ul li .summary_wrap .summary dl dd{background:none;}
.alim_list_new ul li .summary_wrap .summary dl{margin-right:60px; }
.alim_list_new .alim_view_btn{position:absolute; right:0; top:15px; }
.alim_list_new .alim_view_btn a{padding-top:10px; width:47px; height:37px; text-align:center; display:block; line-height:1.2; background-color:#19b5fe; color:#fff; }
.alim_list_new ul li .summary_wrap .summary dl dd{font-weight:normal;}

.my_question .answer_wrap{margin-bottom:5px; }
.my_question .answer_wrap .date{float:right; display:block; font-size:12px; color:#bdbcbc;}
.my_question .answer_wrap .answer{float:left; }
.my_question .icon_file{padding-top:10px; text-align:right;}
.my_question .icon_file a{padding-left:16px;display:inline-block; background:url("../images/common/icon_file.gif") no-repeat 0 center; background-size:12px; font-size:12px; color:#bebebe; }
.my_question dl dt{padding:18px 0; }
.my_question dl dt a{margin-bottom:5px; padding:0 15px 0 12px; background:url("../images/common/faq_arrow.png") no-repeat 100% 7px; background-size:13px 7px;}
.my_question dl dt.on a{background:url("../images/common/faq_arrow_on.png") no-repeat 100% 7px; background-size:13px 7px;}
.my_question dl dt .date{margin-left:35px; display:inline-block; font-size:12px; color:#bdbcbc;}
.my_question dl dt .case{margin-left:5px; display:inline-block; width:52px; height:20px; line-height:20px; text-align:center; background-color:#19b5fe; color:#fff; font-size:11px;}

/*20160512 끝*/


/*20160528 시작*/
.terms_box{margin-top:12px; padding:5px 1%; width:98%; height:114px; border:1px solid #c4c2c2; overflow:auto; font-size:14px; color:#bbb;}
.search_field .terms_agree{text-align:center;}
.search_field label.design_radio{position:relative; display:inline-block; vertical-align:middle; padding:5px 27px; background:url("../images/common/bg_design_check2.png") no-repeat 0 4px; font-size:12px; min-height:14px; line-height:1.2; border:none;}
.search_field label.design_radio input{position:absolute; visibility:hidden; }
.search_field label.design_radio.on{background:url("../images/common/bg_design_check2_on.png") no-repeat 0 4px; color:#404040;}
/*20160528 끝*/

/*20160812 - join */

.join{position: relative; color: #888; line-height: 22px;  padding: 100px 16px 20px; margin: 0 0 10px; }
.join .close_btn{position: absolute; top:20px; left:20px;}
.join h2{font-size: 30px; text-align: center; margin-bottom: 50px; color: #19b5fe;}
.join .txt{font-size: 16px; text-align: center; margin-top: -20px; margin-bottom: 30px; color: #333;}
.join .txt.bottom{text-align: center; margin-top: 30px; padding:0 20px;}
.join .input_con{border:1px solid #ddd; background-color: #fff; margin:0 0 5px;}
.join .int{z-index:10;padding:10px 3%;width:94%;height:27px; border:none; background: transparent; font-size:16px; text-align: center;}

.join .btn_join{position:relative;display:block;height:53px;margin:15px 0 15px;background:#1fbc02}
.join .btn_join input{width:100%;border:none;height:53px;background-color:#19b5fe;text-align:center;color:#fff;font-size:16px;-webkit-appearance:none;  font-family:"Noto Sans Korean","나눔고딕",dotum,"돋움";}

.join .join_birth{display: table; width:100%;}
.join .join_birth >div{display: table-cell; width:28%; position: relative;}
.join .join_birth >div:before{content: ''; display: block; width:1px; height:20px; background-color: #ddd; position: absolute; top:15px; left:0;}
.join .join_birth >div:first-child:before{background: none;}
.join .join_birth >div.title{width:16%; text-align: center;}
.join .sel {padding:12px 0% 10px 16%; width:84%;  height:47px; border: none;  border-radius: 0;  font:normal normal 12px/1.2 dotum;
    background: #fff url(../images/common/selecting_arrow.png) 100% 50% no-repeat; vertical-align: middle;
    background-size: 14px 9px;  -webkit-background-size: 14px 9px; -webkit-appearance: none; -moz-appearance: none; 
    font-size: 16px; 
}
.join .sel.w100 {padding:12px 0% 10px 44.5%; margin-left: 2%; width:96%; }

.join .terms{padding-top:10px;}
.join .terms >div.check_all{border-bottom: 1px solid #ddd; margin-bottom: 10px;}
.join .terms > div{padding:10px 0; height:27px; font-size:16px; color:#333; }
.join .terms > div a{color:#888; padding-left: 15px; font-size: 14px;}
.join input[type=checkbox] {display: none;}

input[type=checkbox] + label{display: inline-block; cursor: pointer; position: relative; padding-left: 30px; 
    margin-right: 15px;   
}

input[type=checkbox]+ label:before {   
    content: "";  
    display: inline-block;   
    width: 20px;  
    height: 20px;    
    margin-right: 10px;  
    position: absolute;  
    left: 0;   
    background-color: #fff;  
    border-radius: 2px; 
    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .5), 0px 1px 0px 0px rgba(255, 255, 255, .8);  
}
input[type=checkbox]:checked + label:before { 
    content: "\2713";  /* 체크모양 */
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);  
    font-size: 18px; 
    font-weight:800; 
    color: #fff;  
    background:#19b5fe;
    text-align: center;  
    line-height: 18px;  

} 

/* 20160831 service_cancle*/
.service{padding: 20px 16px 21px; background: #fff; margin: 0 0 10px; font-size:14px; color:#9d9c9c;}
.service h2{text-align:left; font-size: 18px; color:#555555; line-height:22px; font-weight: 400; margin-bottom: 15px; }
.service h2 em{color:#19b5fe;}
.service ul li{padding-bottom: 10px;}
.service hr{display: block; border:none; border-top:1px solid #9d9c9c; margin:25px 0;}
.service .btn_join{margin-top:30px;}